Issue 5636 - Changed navbar contents

static/css/main.css

 *
 {
   font-family: Arial, sans;
   font-size: 16px;
 }
 
 body
 {
   margin: 0;
   line-height: 1.5;
@@ skipping 40 matching lines @@
 }
 
 #adblock-browser-notification a
 {
   font-weight: bold;
 }
 
 #adblock-browser-notification img
 {
   vertical-align: bottom;
-  margin: 0px 4px;
   width: 25px;
   height: 25px;
 }
 
 #adblock-browser-notification span
 {
   white-space: nowrap;
+  margin-left: 1em;
+}
+
+[dir="rtl"] #adblock-browser-notification span
+{
+  margin-left: 0;
+  margin-right: 1em;
 }
 
 .toc
 {
   display: inline-block;
   border: 1px solid #aaa;
   background: #fff;
   padding: 16px 20px;
 }
 
@@ skipping 67 matching lines @@
  * .content
  *****************************************************************************/
 
 .content h1,
 .content h2,
 .content h3,
 .content h4,
 .content h5
 {
   font-weight: bold;
-  margin: 32px 0px;
-  margin: 2rem 0rem;
+  margin: 32px 0 16px 0;
+  margin: 2rem 0 1rem 0;
 }
 
 .content h1 { font-size: 1.8em; }
 .content h2 { font-size: 1.4em; }
 .content h3 { font-size: 1.3em; }
 .content h4 { font-size: 1.2em; }
 .content h5 { font-size: 1.1em; }
 
 @media(min-width: 768px)
 {
   .content h1 { font-size: 2.4em; }
   .content h2 { font-size: 1.6em; }
 }
 
 .content a,
 .content a:visited
 {
   color: #c70d2c;
 }
 
 /*******************************************************************************
  * #navbar
  ******************************************************************************/
 
 #navbar
 {
   min-height: 4em;
   background-color: #c70d2c;
-  overflow: auto;
+}
+
+@media(max-width: 991px)
+{
+  #navbar
+  {
+    overflow: auto;
+  }
 }
 
 #navbar li
 {
   list-style-type: none;
 }
 
 #navbar .container
 {
   padding-left: 0;
@@ skipping 97 matching lines @@
 
 #navbar-menu a
 {
   display: block;
   color: #fff;
   text-decoration: none;
 }
 
 /* #navbar #navbar-menu #navbar-locale-menu
  ******************************************************************************/
+
+#locale-icon
+{
+  display: inline-block;
+  height: 1em;
+  width: 1em;
+  vertical-align: text-top;
+  margin-right: 0.1em;
+}
+
+[dir="rtl"] #locale-icon
+{
+  margin-right: 0;
+  margin-left: 0.1em;
+}
 
 /* caret */
 #navbar-locale-selected:after
 {
   display: inline-block;
   width: 0;
   height: 0;
   margin: 0em 0em 0em 0.255em;
   vertical-align: .255em;
   content: "";
@@ skipping 284 matching lines @@
   {
     display: none;
   }
 
   /* overriding display:none above */
   #footer #social-list
   {
     display: block;
   }
 }