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 305 matching lines @@
 }
 
 footer a
 {
   font-weight: 600;
   color: #333333;
 }
 
 #language
 {
-  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;
@@ skipping 239 matching lines @@
   #content
   {
     padding: 34px 0px 68px 0px;
   }
 
   #footnotes
   {
     margin-top: 34px;
   }
 }