[#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>
