translation fix, master merged

hosting/static/hosting/css/commons.css

@@ -1,3 +1,9 @@
+@media (min-width: 768px) {
+	.navbar-right {
+		margin-right: 10px;
+	}
+}
+
 .dashboard-container {
   padding-top:70px;
   padding-bottom: 70px;

hosting/static/hosting/css/landing-page.css

@@ -39,11 +39,28 @@ h6 {
 .topnav {
     font-size: 14px;
 }
+.topnav .navbar-fixed-top .navbar-collapse {
+    max-height: 740px;
+}
+.navbar-brand {
+    padding: 10px 15px;
+}
+
+.navbar-default {
+    background: #fff;
+    box-shadow: 0 3px 3px -2px hsla(0,0%,78%,.72);
+}
+
+.navbar-default .navbar-header {
+    position: relative;
+    z-index: 1;
+}
 
 .navbar-transparent {
     background: transparent;
     border: none;
     padding: 20px;
+    box-shadow: none;
 }
 
 .navbar-transparent.topnav {
@@ -71,6 +88,42 @@ h6 {
     /* color: #fff; */
 }
 
+.navbar-right .highlights-dropdown .dropdown-menu {
+    left: 0 !important;
+    min-width: 155px;
+    margin-left: 15px;
+    padding: 5px !important;
+}
+@media(min-width: 768px) {
+    .navbar-right .highlights-dropdown .dropdown-menu {
+        border: 1px solid #fff;
+    }
+    .navbar-right .highlights-dropdown .dropdown-menu:before {
+        content: '';
+        display: block;
+        height: 1px;
+        background: #e7e7e7;
+        position: absolute;
+        top: -1px;
+        left: -1px;
+        right: -1px;
+    }
+}
+.navbar-right .highlights-dropdown .dropdown-menu > li > a{
+    font-size: 13px;
+    font-weight: 300;
+    font-family: 'Lato', sans-serif;
+    padding: 1px 10px !important;
+    background: transparent;
+    color: #333;
+}
+.navbar-right .highlights-dropdown .dropdown-menu > li > a:hover,
+.navbar-right .highlights-dropdown .dropdown-menu > li > a:focus,
+.navbar-right .highlights-dropdown .dropdown-menu > li > a:active {
+    background: transparent;
+    text-decoration: underline !important;
+}
+
 .lead {
     font-size: 18px;
     font-weight: 400;
@@ -536,6 +589,7 @@ a.unlink:hover {
 .dcl-place-order-text{
    font-size: 13px;
    color: #808080;
+   margin-bottom: 15px;
 }
 
 .dcl-order-table-total .tbl-total {
@@ -761,6 +815,30 @@ a.unlink:hover {
     color: #ddd;
 }
 
+.visible-mobile {
+    display: none !important;
+}
+
+@media(max-width:767px) {
+    .visible-mobile {
+        display: block !important;
+    }
+    .visible-desktop {
+        display: none !important;
+    }
+}
+
+.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover,
+.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
+    background-color: transparent;
+}
+
+@media (max-width: 767px) {
+    .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
+        background-color: transparent;
+    }
+}
+
 /* bootstrap danger color override from #a94442 */
 .text-danger,
 .has-error .help-block,

hosting/static/hosting/css/user_keys.css

@@ -163,8 +163,8 @@
      /* margin-left: 0; */
     }
     .col-md-12, .col-sm-12{
-        padding-left: 5px;
-        padding-right: 5px;
+        /*padding-left: 5px;*/
+        /*padding-right: 5px;*/
     }
 }
 @media (max-width: 360px){
@@ -172,8 +172,8 @@
         /* width: 100% !important; */
     }
     .container {
-        padding-right: 5px;
-        padding-left: 5px;
+        /*padding-right: 5px;
+        padding-left: 5px;*/
     }
 }
 .dashboard-choice-container {