From 05b1b3d2f348b4de9d120559db2ed4cfee64b0e3 Mon Sep 17 00:00:00 2001
From: OldHawk <taobataoma@gmail.com>
Date: Wed, 25 Apr 2018 17:39:16 +0800
Subject: [PATCH] feat(home): css of footer

---
 modules/core/client/less/home.less            |  8 +++-
 .../core/client/views/footer.client.view.html | 37 +++++++------------
 2 files changed, 21 insertions(+), 24 deletions(-)

diff --git a/modules/core/client/less/home.less b/modules/core/client/less/home.less
index 741b9b67..31095ce0 100644
--- a/modules/core/client/less/home.less
+++ b/modules/core/client/less/home.less
@@ -406,6 +406,10 @@
     .icon-list {
         color: #fff;
     }
+    @media (max-width: @screen-sm-max) {
+        margin-top: 25px;
+        padding-top: 25px;
+    }
 }
 
 .disclaimer {
@@ -420,8 +424,10 @@
 }
 
 .site-info {
-    line-height: 2em;
+    line-height: 1.6em;
     .info-item {
+        color: #aaa;
+        font-size: 12px;
         position: relative;
         border-bottom: dotted 1px #000;
         .item-data {
diff --git a/modules/core/client/views/footer.client.view.html b/modules/core/client/views/footer.client.view.html
index 2a33c8d5..7a741cd6 100644
--- a/modules/core/client/views/footer.client.view.html
+++ b/modules/core/client/views/footer.client.view.html
@@ -26,33 +26,24 @@
                                 class="item-data">{{vm.siteInfo.totalForumReplies}}</span></div>
                     </div>
                 </div>
-                <div class="col-md-6 col-md-offset-0 sm-hide xs-hide">
-                    <div class="row">
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <div class="filter-copy">
-        <div class="container">
-            <div class="view-footer">
-                <div class="text-center">
-                    <ul class="list-unstyled">
-                        <li>
+                <div class="col-md-6 col-md-offset-0">
+                    <div class="view-footer text-center">
+                        <ul class="list-unstyled">
+                            <li>
                             <span class="lang-list lang-footer">
                                 <span class="flag-icon {{l.class}}" title="{{l.title}}" ng-click="vm.changeLanguage(l.name);"
                                       ng-repeat="l in vm.language | orderBy: '-index'"></span>
                             </span>
-                        </li>
-                        <li translate="GIT_REPO"></li>
-                        <li translate="MIT_PROTOCOL"></li>
-                    </ul>
-                    <div class="icon-list">
-                        <i class="icon ion-social-github"></i>
-                        <i class="icon ion-social-nodejs"></i>
-                        <i class="icon ion-social-html5-outline"></i>
-                        <i class="icon ion-social-css3-outline"></i>
+                            </li>
+                            <li translate="GIT_REPO"></li>
+                            <li translate="MIT_PROTOCOL"></li>
+                        </ul>
+                        <div class="icon-list">
+                            <i class="icon ion-social-github"></i>
+                            <i class="icon ion-social-nodejs"></i>
+                            <i class="icon ion-social-html5-outline"></i>
+                            <i class="icon ion-social-css3-outline"></i>
+                        </div>
                     </div>
                 </div>
             </div>