From ed4eb0ffbca185324e600e3003ec9d43231978dc Mon Sep 17 00:00:00 2001
From: Filipe Medeiros <fcma@cin.ufpe.br>
Date: Thu, 14 Sep 2017 16:56:20 -0300
Subject: [PATCH] Responsivity adjustments on bottom menu

---
 amadeus/static/css/base/amadeus.css            | 30 ------------------------------
 amadeus/static/css/base/amadeus_responsive.css | 47 +++++++++++++++++++++++++++++++++++++++++------
 amadeus/templates/base.html                    | 39 +++++++++++++++++++++++++++++++++++++++
 3 files changed, 80 insertions(+), 36 deletions(-)

diff --git a/amadeus/static/css/base/amadeus.css b/amadeus/static/css/base/amadeus.css
index b13ed17..d1aca45 100755
--- a/amadeus/static/css/base/amadeus.css
+++ b/amadeus/static/css/base/amadeus.css
@@ -37,14 +37,6 @@ a:focus {
     width: 20%;
 }
 
-.bottom-menu {
-    position: fixed;
-    bottom: 0px;
-    width: 100%;
-    padding: 0px 30px;
-    z-index: 999;
-    height: 50px;
-}
 
 /* Initial page starts */
 .users-cloud {
@@ -635,28 +627,6 @@ a:focus {
 }
 /* End Profile */
 
-/* Bottom Menu */
-.clearfix {
-    height: 60px;
-}
-
-
-.mobile-menu {
-    -webkit-padding-start: 0px;
-}
-
-.mobile-menu, .mobile-menu li {
-    display: inline-block;
-}
-
-.mobile-menu .item {
-    padding-top: 3px;
-    text-align: center;
-    height: 50px;
-    width: 55px;
-    font-size: 35px;
-}
-/* End Bottom Menu */
 
 /* subjects app starts*/
 .access-subject {
diff --git a/amadeus/static/css/base/amadeus_responsive.css b/amadeus/static/css/base/amadeus_responsive.css
index 860ad09..efb7053 100644
--- a/amadeus/static/css/base/amadeus_responsive.css
+++ b/amadeus/static/css/base/amadeus_responsive.css
@@ -45,9 +45,9 @@
 	}
 	
   	.logo-login{
-	    margin-top: 250px;
+	    margin-top: 150px;
 	    margin-bottom: 30px;
-	    width: 20%;
+	    width: 40%;
 	}
 
 	h2{
@@ -55,11 +55,11 @@
 	}
 
 	p{
-		font-size: 32pt;
+		font-size: 24pt;
 	}
 
 	a{
-		font-size: 32pt;
+		font-size: 24pt;
 	}
 
 	input[type="text"] {
@@ -77,11 +77,11 @@
 	}
 
 	.btn {
-    	font-size: 32pt;
+    	font-size: 24pt;
 	}
 
 	span{
-		font-size: 32pt;
+		font-size: 24pt;
 	}
 
 	.contrast-login{
@@ -89,7 +89,42 @@
 		margin-top: 100px;
 	}
 
+	/* Bottom Menu */
+	.clearfix {
+	    height: 60px;
+	}
+
+	.bottom-menu {
+		position: fixed;	    
+	    bottom: 0px;
+	    width: 100%;
+	    padding: 0px 30px;
+	    z-index: 999;
+	    height: 60px;
+	}
+
+	.mobile-menu {
+	    -webkit-padding-start: 0px;
+	    width: 100%;
+	}
+
+	.mobile-menu, .mobile-menu li {
+	    display: inline-block;
+	    float: left;
+	}
 
+	.mobile-menu .item {
+	    padding-top: 3px;
+	    text-align: center;
+	    height: 100px;
+	    width: 20%;
+	    font-size: 35px;
+	}
+
+	.mobile-menu a {
+	    font-size: 32pt;
+	}
+	/* End Bottom Menu */
 }
 
 @media(max-width: 768px) {
diff --git a/amadeus/templates/base.html b/amadeus/templates/base.html
index fedb2eb..4a62ea2 100644
--- a/amadeus/templates/base.html
+++ b/amadeus/templates/base.html
@@ -278,6 +278,44 @@
         <div class="bottom-menu visible-xs visible-sm">
             <div class="row">
                 <div class="col-sm-12 col-xs-12 text-center">
+
+                    <ul class="mobile-menu">
+                        <li class="item {{ subjects_menu_active }}" data-toggle="tooltip" data-placement="top" title="{% trans "Subjects" %}">
+                            <a href="{% url 'subjects:index' %}">
+                                <i class="fa fa-graduation-cap"></i>
+                            </a>
+                        </li>
+
+                        <li class="item {{ mural_menu_active }} action_icon" data-toggle="tooltip" data-placement="top" title="{% trans "Mural" %}">
+                            <a href="{% url 'mural:manage_general' %}">
+                                <i class="fa fa-list" aria-hidden="true" ></i>
+                                <span class="badge notify_badge mural_badge" {% if mural_notifications_count == 0 %} style="display:none" {% endif %}>{% if mural_notifications_count > 99 %} +99 {% else %} {{ mural_notifications_count }} {% endif %}</span>
+                            </a>
+                        </li>
+
+                        <li class="item {{ chat_menu_active }} action_icon" data-toggle="tooltip" data-placement="top" title="{% trans "Messages" %}">
+                            <a href="{% url 'chat:manage_general' %}">
+                                <i class="fa fa-envelope-o" aria-hidden="true"></i>
+                                <span class="badge notify_badge chat_badge" {% if chat_notifications_count == 0 %} style="display:none" {% endif %}>{% if chat_notifications_count > 99 %} +99 {% else %} {{ chat_notifications_count }} {% endif %}</span>
+                            </a>
+                        </li>
+
+
+                        <li class="item {{ pendencies_menu_active }} action_icon" data-toggle="tooltip" data-placement="top" title="{% trans "Pendencies" %}">
+                            <a href="{% url 'notifications:manage' %}">
+                                <i class="fa fa-exclamation-triangle" aria-hidden="true"></i>
+                                {% if notifications_count > 0 %}
+                                    <span class="badge notify_badge">{% if notifications_count > 99 %} +99 {% else %} {{ notifications_count }} {% endif %}</span>
+                                {% endif %}
+                            </a>
+                        </li>
+
+                        <li class="item" data-toggle="tooltip" data-placement="top" title="{% trans "Analytics" %}">
+                            <a href="{% url 'dashboards:view_general' %}"><i class="fa fa-bar-chart" aria-hid{% get_current_language as LANGUAGE_CODE %}den="true"></i></a>
+                        </li>
+                    </ul>
+                    <!--
+
                     <ul class="mobile-menu">
                         <li class="item {{ subjects_menu_active }}" data-toggle="tooltip" data-placement="top" title="{% trans "Subjects" %}">
                             <a href="{% url 'subjects:index' %}">
@@ -308,6 +346,7 @@
                             <a href="{% url 'dashboards:view_general' %}"><i class="fa fa-bar-chart" aria-hid{% get_current_language as LANGUAGE_CODE %}den="true"></i></a>
                         </li>
                     </ul>
+                -->
                 </div>
             </div>
         </div>
--
libgit2 0.21.2