From fc170462e2e3ec0363d8f99729d073ff8d7c4522 Mon Sep 17 00:00:00 2001
From: Arvind Tiwari <tiwariav@gmail.com>
Date: Fri, 8 Sep 2017 03:41:25 +0530
Subject: [PATCH] font weight on mobile

---
 .../static/datacenterlight/css/landing-page.css      | 12 ++++++++----
 hosting/static/hosting/css/landing-page.css          | 11 ++++-------
 hosting/templates/hosting/includes/_navbar_user.html | 10 ++++++----
 3 files changed, 18 insertions(+), 15 deletions(-)

diff --git a/datacenterlight/static/datacenterlight/css/landing-page.css b/datacenterlight/static/datacenterlight/css/landing-page.css
index 5eeed036..4b0bfbc7 100755
--- a/datacenterlight/static/datacenterlight/css/landing-page.css
+++ b/datacenterlight/static/datacenterlight/css/landing-page.css
@@ -143,15 +143,19 @@ button, input, optgroup, select, textarea {
 
 .navbar-default .navbar-nav>li>a {
     cursor: pointer;
-    /*font-family: 'Lato-Light', sans-serif;*/
-    font-weight: 300;
+    font-weight: 400;
 }
 
 .navbar-transparent .navbar-nav>li>a {
     color: #fff;
     cursor: pointer;
-    /*font-family: 'Lato-Light', sans-serif;*/
-    font-weight: 300;
+}
+
+@media (min-width: 768px) {
+    .navbar-default .navbar-nav>li>a,
+    .navbar-transparent .navbar-nav>li>a {
+        font-weight: 300;
+    }
 }
 
 .navbar-transparent .navbar-nav>li>a:hover {
diff --git a/hosting/static/hosting/css/landing-page.css b/hosting/static/hosting/css/landing-page.css
index f75fa826..09b2e066 100644
--- a/hosting/static/hosting/css/landing-page.css
+++ b/hosting/static/hosting/css/landing-page.css
@@ -42,11 +42,6 @@ h6 {
     position: relative;
     z-index: 1;
 }
-.navbar-default .navbar-nav>li>a {
-    /* padding-top: 20px; */
-    /* padding-bottom: 20px; */
-    font-weight: 300;
-}
 
 .navbar-transparent {
     background: transparent;
@@ -87,12 +82,14 @@ h6 {
     padding: 0 5px 8px !important;
 }
 @media(min-width: 768px) {
+    .navbar-default .navbar-nav>li>a {
+        font-weight: 300;
+    }
     .navbar-right .highlights-dropdown .dropdown-menu {
         box-shadow: 0 2px 5px 0 rgba(0,0,0,0.02);
         border-width: 0 0 1px 0;
         border-color: #e7e7e7;
         box-shadow: -8px 14px 20px -5px rgba(77, 77, 77, 0.5);
-        /* top: 53px; */
     }
 /*     .navbar-right .highlights-dropdown .dropdown-menu:before {
         content: '';
@@ -109,7 +106,7 @@ h6 {
     font-size: 13px;
     font-weight: 300;
     font-family: 'Lato', sans-serif;
-    padding: 1px 10px !important;
+    padding: 1px 10px 1px 18px !important;
     background: transparent;
     color: #333;
 }
diff --git a/hosting/templates/hosting/includes/_navbar_user.html b/hosting/templates/hosting/includes/_navbar_user.html
index cfd313ce..75e2b4cf 100644
--- a/hosting/templates/hosting/includes/_navbar_user.html
+++ b/hosting/templates/hosting/includes/_navbar_user.html
@@ -24,12 +24,12 @@
             <ul class="nav navbar-nav navbar-right">
                 <li>
                     <a href="{% url 'hosting:dashboard' %}">
-                        <i class="fa fa-server" aria-hidden="true"></i>&nbsp;&nbsp;{% trans "Dashboard"%}
+                        <i class="fa fa-fw fa-server" aria-hidden="true"></i>&nbsp;&nbsp;{% trans "Dashboard"%}
                     </a>
                 </li>
                 <li class="dropdown highlights-dropdown">
                     <a class="dropdown-toggle" role="button" data-toggle="dropdown" href="#">
-                        <i class="fa fa-user"></i>&nbsp;&nbsp;{{request.user.name}}&nbsp;<span class="caret"></span>
+                        <i class="fa fa-fw fa-user"></i>&nbsp;&nbsp;{{request.user.name}}&nbsp;<span class="fa fa-fw fa-caret-down"></span>
                     </a>
                     <ul id="g-account-menu" class="dropdown-menu" role="menu">
                         <li><a href="{% url 'hosting:logout' %}">{% trans "Logout"%}</a></li>
@@ -38,8 +38,10 @@
                 <li>
                     {% get_current_language as LANGUAGE_CODE %}
                     {% if LANGUAGE_CODE == 'en-us'%}
-                    <a href="{% change_lang 'de' %}">Deutsch&nbsp;&nbsp;<i class="fa fa-globe" aria-hidden="true"></i></a> {% else %}
-                    <a href="{% change_lang 'en-us' %}">English&nbsp;&nbsp;<i class="fa fa-globe" aria-hidden="true"></i></a> {% endif %}
+                        <a href="{% change_lang 'de' %}"><i class="fa fa-fw fa-globe" aria-hidden="true"></i>&nbsp;&nbsp;Deutsch</a>
+                    {% else %}
+                        <a href="{% change_lang 'en-us' %}"><i class="fa fa-fw fa-globe" aria-hidden="true"></i>&nbsp;&nbsp;English</a>
+                    {% endif %}
                 </li>
             </ul>
         </div>