Adjusting topbar on ipad visualization

Zambom
1 parent 4219e0b7
Showing 2 changed files with 42 additions and 21 deletions Show diff stats
amadeus/static/css/base/amadeus_responsive.css
amadeus/templates/base.html
@@ -263,7 +263,27 @@
 		height: auto;
 	}
+	#btn-search {
+		font-size: 1.5em;
+		padding: 0px 10px;
+    	margin: 10px 1px;
+	}
+
+	.navbar .logo{
+		margin: auto;
+		text-align: center;
+		padding: 10px;
+		height: 50px;
+    	width: 50px;
+	}
+
 	/* Mobile Menu */
+	.navbar-toggle{
+		display: inherit;
+		float: left;
+		padding:10px;
+	}
+
 	#mobile_menu_btn, #mobile_search_btn {
 		clip: rect(0,0,0,0);
     	position: absolute;
@@ -323,6 +343,11 @@
 		transform: rotate(45deg) scaleX(1.5) translateY(-8px);	
 	}
+	.mobile_menu_navbar > ul,
+	.mobile_menu_navbar > ul > li {
+		float: none !important;
+	}
+
 	.mobile_menu_navbar > ul > li > a {
 		padding-top: 10px !important;
 		padding-bottom: 10px !important;
@@ -335,15 +360,27 @@
 	.mobile_menu_navbar .language-selector-on-header .dropdown-menu {
 		position: absolute;
+		margin-left: 0px;
 	}
-	.mobile_menu_navbar  .language-selector-on-header {
+	.mobile_menu_navbar .language-selector-on-header {
 		position: absolute;
 		width: 100%;
 		bottom: 20px;
 		left: 0px;
 		text-align: center;
 	}
+
+	.mobile_menu_navbar .navbar-nav .open .dropdown-menu {
+	    position: static;
+	    float: none;
+	    width: auto;
+	    margin-top: 0;
+	    background-color: transparent;
+	    border: 0;
+	    -webkit-box-shadow: none;
+	    box-shadow: none;
+	}
 }
 @media(max-height: 450px) {
@@ -352,7 +389,7 @@
 	}
 }
-@media(min-width: 768px) {
+@media(min-width: 769px) {
 	#profile-menu{
 		float:right;
@@ -460,24 +497,10 @@
 		background-color: #F5F5F5;
 	}
-	.navbar-toggle{
-		float: left;
-		padding:10px;
-	}
+	
-	#btn-search {
-		font-size: 1.5em;
-		padding: 0px 10px;
-    	margin: 10px 1px;
-	}
-	.navbar .logo{
-		margin: auto;
-		text-align: center;
-		padding: 10px;
-		height: 50px;
-    	width: 50px;
-	}
+	
@@ -108,7 +108,7 @@
             </div>
             <div class="navbar-collapse collapse navbar-responsive-collapse">
-                <div class="col-md-7 col-md-offset-1 col-sm-6 col-sm-offset-1 col-lg-7 col-lg-offset-1 text-center">
+                <div class="col-md-6 col-md-offset-1 col-sm-6 col-sm-offset-1 col-lg-7 col-lg-offset-1 text-center">
                     <form id="SearchForm" action="{% url 'subjects:search' %}" method="get" accept-charset="utf-8" class="navbar-form">
                         <div class="input-group">
                             <div class="form-group is-empty" >
@@ -297,8 +297,6 @@
                     </form>
                 </div>
             </div>
-
-            
         </div>