testing settings layouts

application/views/Settings/index.php

@@ -1,8 +1,8 @@
-<div class="container">
+<div class="container settings">
 
 	<div class="row">
 		<!-- Nav Start -->
-		<div class="col-3">
+		<div class="col-md-3">
 			<ul class="nav flex-column settings-nav">
 				<li class="nav-item">
 					<a class="nav-link active" href="#">Active</a>
@@ -20,7 +20,7 @@
 		<!-- Nav End -->
 
 		<!-- Content -->
-		<div class="col-9">
+		<div class="col-md-9">
 		2 of 2
 		</div>
 	</div>

assets/css/general.css

@@ -170,3 +170,26 @@ TD.lotw{
 #nav-bar-search-input:focus {
     text-transform: uppercase;
 }
+
+.settings {
+    padding-top: 15px;
+}
+
+.settings-nav {
+    margin-bottom: 15px;
+    list-style: none;
+    background-color: #fff;
+    border: 1px solid #d1d5da;
+    border-radius: 3px;
+}
+
+.settings-nav .nav-link {
+    list-style: none;
+    background-color: #fff;
+    border: 1px solid #d1d5da;
+}
+
+.settings-nav .nav-link:hover {
+    background-color: #e1e4e8;
+
+}