Auth pages back to dashboard btn adjust

CSS adjustments

Author: modularcoder

src/app/_common/header/nav/profile/profile.hbs

@@ -37,8 +37,8 @@
 				<i class="fa fa-gear icon"></i>
 				Settings
 			</a>
-			<div class="dropdown-divider" style="margin: 0;"></div>
-			<a class="dropdown-item" href="#">
+			<div class="dropdown-divider" ></div>
+			<a class="dropdown-item" href="forms.html">
 				<i class="fa fa-power-off icon"></i>
 				Logout
 			</a>			

src/app/_common/header/nav/profile/profile.scss

@@ -51,19 +51,8 @@
 			// @include triangle(up, 9px, $dropdown-bg);
 		}
 
-		.profile-dropdown-menu-icon {
-			padding: 0;
-		}
-
-		.profile-dropdown-menu-topic {
-			color: #7e8e9f;
-			padding: 0;
-		}
-
-
 		a {
 			padding: 10px 15px;
-
 			.icon {
 				color: $color-primary;
 				text-align: center;
@@ -76,12 +65,23 @@
 				text-align: left;
 				color: $color-text-light;
 			}
+		}
+
+		.profile-dropdown-menu-icon {
+			padding: 0;
+		}
+
+		.profile-dropdown-menu-topic {
+			color: #7e8e9f;
+			padding: 0;
+		}
 
+		.dropdown-divider {
+			margin: 0;
 		}
 
 		.logout {
 			border-top: 1px solid $dropbown-color-border;
-			//text-align: center;
 		}
 
 

src/auth/login/login-page.hbs

@@ -38,8 +38,8 @@
 				</div>
 			</div>
 			<div class="text-xs-center">
-				<a href="index.html">
-					Back to dashboard
+				<a href="index.html" class="btn btn-secondary rounded btn-sm">
+					<i class="fa fa-arrow-left"></i> Back to dashboard
 				</a>
 			</div>
 		</div>

src/auth/reset/reset-page.hbs

@@ -28,8 +28,8 @@
 				</div>
 			</div>
 			<div class="text-xs-center">
-				<a href="index.html">
-					Back to dashboard
+				<a href="index.html" class="btn btn-secondary rounded btn-sm">
+					<i class="fa fa-arrow-left"></i> Back to dashboard
 				</a>
 			</div>
 		</div>

src/auth/signup/signup-page.hbs

@@ -60,8 +60,8 @@
 				</div>
 			</div>
 			<div class="text-xs-center">
-				<a href="index.html">
-					Back to dashboard
+				<a href="index.html" class="btn btn-secondary rounded btn-sm">
+					<i class="fa fa-arrow-left"></i> Back to dashboard
 				</a>
 			</div>
 		</div>