Fix footer icons on xs screens

2 files changed, 10 insertions, 5 deletions

diff --git a/index.html b/index.html
index b0b10ce..9db069c 100644
--- a/index.html
+++ b/index.html
@@ -269,14 +269,14 @@
           </div>
         </div>
         <div class="row">
-          <div class="col-xs-3 col-md-2">
+          <div class="col-xs-2 col-sm-3 col-md-2">
             <ul class="footerlinks three-icons">
               <li><a href="http://twitter.com/gentoo" title="@Gentoo on Twitter"><span class="fa fa-twitter fa-fw"></span></a></li>
               <li><a href="https://plus.google.com/+Gentoo" title="+Gentoo on Google+"><span class="fa fa-google-plus fa-fw"></span></a></li>
               <li><a href="https://www.facebook.com/gentoo.org" title="Gentoo on Facebook"><span class="fa fa-facebook fa-fw"></span></a></li>
             </ul>
           </div>
-          <div class="col-xs-9 col-md-9">
+          <div class="col-xs-10 col-sm-9 col-md-10">
             <strong>&copy; 2001&ndash;2015 Gentoo Foundation, Inc.</strong><br />
             <small>
               Gentoo is a trademark of the Gentoo Foundation, Inc.
@@ -293,4 +293,4 @@
     <script src="assets/bootstrap.js"></script>
     <script src="assets/retina.min.js"></script>
   </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/sources/css/tyrian/less/footer.less b/sources/css/tyrian/less/footer.less
index b324a81..5499e44 100644
--- a/sources/css/tyrian/less/footer.less
+++ b/sources/css/tyrian/less/footer.less
@@ -81,7 +81,12 @@ ul.footerlinks {
 }
 
 ul.three-icons li {
-  float: left;
-  width: 33%;
   text-align: center;
+}
+
+@media (min-width: @screen-sm-min) {
+  ul.three-icons li {
+    float: left;
+    width: 33%;
+  }
 }
\ No newline at end of file