No Issue - Add social media buttons to the footer ABB.org

static/css/main.css

 @font-face
 {
   font-family: "Source Sans Pro";
   src: url(fonts/SourceSansPro-Light.woff);
   /* local("Ø") forces using no local font called Source Sans Pro */
   src: local("Ø"), url(fonts/SourceSansPro-Light.woff) format("woff");
   font-weight: 300;
   font-style: normal;
 }
 
@@ skipping 198 matching lines @@
   display: block;
   padding-bottom: 17px;
   margin: 0px;
 }
 
 #content #badges
 {
   margin-bottom: 14px;
 }
 
-#badges a
+#badges a, #social-media a 
 {
   text-decoration: none;
 }
 
 #playstore img
 {
   width: 43%;
   max-width: 172px;
 }
 
@@ skipping 86 matching lines @@
 }
 
 footer a
 {
   font-weight: 600;
   color: #333333;
 }
 
 #language
 {
-  display: block;
-  margin-bottom: 34px;
+  display: inline-block;

[Thomas Greiner, 2015/09/08 09:59:52]

Detail: This is redundant because this style is applied by default to `<select>`
elements.

[saroyanm, 2015/09/08 10:04:30]

Done.

+  vertical-align: middle;
+  margin-right: 10px;
+}
+
+html[dir="rtl"] #language
+{
+  margin-left: 10px;
+  margin-right: 0px;
+}
+
+#social-media
+{
+  display: inline-block;
+  vertical-align: middle;
+  margin: 10px 0px;

[Thomas Greiner, 2015/09/08 09:59:52]

Why is there a "margin-top" and "margin-bottom"? `#language` doesn't have one
either.

[saroyanm, 2015/09/08 10:04:30]

It's the case for smaller screens when the social media buttons wrap down under
the select box.

[Thomas Greiner, 2015/09/08 10:08:09]

Ok, in that case "margin-top" should be sufficient.

[saroyanm, 2015/09/08 10:12:17]

No, because I'm aligning in the middle.

+}
+
+#social-media a
+{
+  margin: 0px 3px;
 }
 
 #modal
 {
   padding: 17px 34px;
   margin: auto;
   background-color: #ffffff;
   position: fixed;
   top: 200px;
   left: 0px;
@@ skipping 233 matching lines @@
 
   #content
   {
     padding: 34px 0px 68px 0px;
   }
 
   #footnotes
   {
     margin-top: 34px;
   }
-
-  footer
-  {
-    line-height: 24px;
-  }
 }