header mobile fixes

tabler · Mar 23, 2018 · 0ace1b8 · 0ace1b8
1 parent 616aaa0
commit 0ace1b8
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/src/_includes/header.html b/src/_includes/header.html
@@ -1,19 +1,19 @@
 {% assign user = site.data.users[40] %}
 <div class="header">
 	<div class="container">
-		<div class="navbar p-0">
+		<div class="d-flex">
 			<a class="navbar-brand" href="{{ site.base }}/index.html">
 				<img src="{{ site.base }}/demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
 			</a>
-			<div class="nav order-lg-2">
+			<div class="ml-auto d-flex order-lg-2">
 				<div class="nav-item">
 					<a href="{{ site.github_url }}" class="btn btn-sm btn-outline-primary" target="_blank">Source code</a>
 				</div>
 				<div class="dropdown d-none d-md-flex">
 					<a class="nav-link icon" data-toggle="dropdown">
 						<i class="fe fe-message-square"></i>
 					</a>
-					<div class="dropdown-menu dropdown-menu-right">
+					<div class="dropdown-menu dropdown-menu-right px-4">
 						Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
 						delectus dolore dolores maxime nesciunt qui quia totam.
 					</div>
@@ -23,7 +23,7 @@
 						<i class="fe fe-bell"></i>
 						<span class="nav-unread"></span>
 					</a>
-					<div class="dropdown-menu dropdown-menu-right">
+					<div class="dropdown-menu dropdown-menu-right px-4">
 						Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
 						delectus dolore dolores maxime nesciunt qui quia totam.
 					</div>

diff --git a/src/assets/scss/dashboard/_header.scss b/src/assets/scss/dashboard/_header.scss
@@ -40,6 +40,10 @@
 			min-width: 1rem
 		}
 	}
+
+	.dropdown-menu {
+		margin-top: .75rem;
+	}
 }
 
 .nav-unread {