[#2557] Improve appearance of footer for all screens.

Change-Id: I67d8f2c01425323c7991eee2d1b34a381116927f
diff --git a/app/soc/content/less/gsoc/structure.less b/app/soc/content/less/gsoc/structure.less
index de45ae5..a2c81c5 100644
--- a/app/soc/content/less/gsoc/structure.less
+++ b/app/soc/content/less/gsoc/structure.less
@@ -902,9 +902,6 @@
     width: 100%;
 
     ul {
-      clear: left;
-      float: left;
-      left: 50%;
       list-style: none;
       margin: 0;
       padding: 0;
@@ -912,17 +909,13 @@
       text-align: center;
 
       li {
-        display: block;
-        float: left;
-        list-style: none;
-        margin: 0;
-        padding: 0 20px 0 0;
+        display: inline-block;
         position: relative;
-        right: 50%;
 
         a {
           display: block;
           text-decoration: none;
+          padding: 5px;
         }
 
         &.last {
@@ -933,14 +926,15 @@
 
     .social {
       /*social network links in footer*/
-      padding: 3px 0 0 0;
 
       a {
         background-image: url(@image_social_icons);
         background-position: 0 -34px;
         background-repeat: no-repeat;
-        height: 14px;
-        .imagereplace;
+        width: 32px;
+        height: 32px;
+        padding: 10px;
+        .text-hide;
       }
 
       .gp {
@@ -969,7 +963,6 @@
 
       .irc {
         background-position: -80px -34px;
-        margin-right: 20px;
         width: 22px;
       }
     }
diff --git a/app/soc/templates/modules/gsoc/footer.html b/app/soc/templates/modules/gsoc/footer.html
index c9344c0..2596de4 100644
--- a/app/soc/templates/modules/gsoc/footer.html
+++ b/app/soc/templates/modules/gsoc/footer.html
@@ -2,7 +2,7 @@
 <footer>
 <div class="container" id="footer">
   <div class="row">
-    <div class="col-sm-9 col-sm-offset-3 text-center">
+    <div class="col-md-9 col-md-offset-3 text-center">
         <div class="footer-menu">
           <ul id="footer-menu-list">
             {% if about_link %}
@@ -35,12 +35,18 @@
           </ul>
         </div>
         <div class="footer-meta">
-          <span class="powered">Powered by <a href="http://code.google.com/p/soc/wiki/MelangeIntro" target="_blank">
-            <img src="/soc/content/{{ app_version }}/images/gsoc/melange.png" height="19" width="75" alt="Melange" />
-          </a></span>
-          Empowered by <a href="http://www.echoditto.com/" target="_blank">
-            <img src="/soc/content/{{ app_version }}/images/gsoc/echoditto.png" height="21" width="70" alt="EchoDitto" />
-          </a>
+          <ul class="list-inline">
+            <li>
+              <span class="powered">Powered by <a href="http://code.google.com/p/soc/wiki/MelangeIntro" target="_blank">
+                <img src="/soc/content/{{ app_version }}/images/gsoc/melange.png" height="19" width="75" alt="Melange" />
+              </a></span>
+            </li>
+            <li>
+              Empowered by <a href="http://www.echoditto.com/" target="_blank">
+                <img src="/soc/content/{{ app_version }}/images/gsoc/echoditto.png" height="21" width="70" alt="EchoDitto" />
+              </a>
+            </li>
+          </ul>
           <div class="footer-melange">
             Version {{ app_version }}
             <a href="https://code.google.com/p/soc/issues/entry?labels=ReportABug" target="_blank">(Report Bug)</a>