fix(Settings): fixed spacing between sections once and for all

Signed-off-by: Jonathan <theflametrooper@gmail.com>

frontend/src/App.vue

@@ -542,6 +542,10 @@ h4.section-title {
 	margin: 15px 0 30px 0;
 }
 
+.section-margin-bottom {
+	height: 30px;
+}
+
 .margin-top-zero {
 	margin-top: 0 !important;
 }

frontend/src/pages/Settings/tabs/Security.vue

@@ -51,7 +51,7 @@
 				</button>
 			</p>
 
-			<br /><br />
+			<div class="section-margin-bottom" />
 		</div>
 
 		<div v-if="!isPasswordLinked">
@@ -67,7 +67,7 @@
 				Password
 			</router-link>
 
-			<br /><br />
+			<div class="section-margin-bottom" />
 		</div>
 
 		<div v-if="!isGithubLinked">
@@ -87,9 +87,9 @@
 				</div>
 				&nbsp; Link GitHub to account
 			</a>
-		</div>
 
-		<div v-if="!isGithubLinked"><br /><br /></div>
+			<div class="section-margin-bottom" />
+		</div>
 
 		<div v-if="isPasswordLinked && isGithubLinked">
 			<h4 class="section-title">Remove login methods</h4>
@@ -118,7 +118,7 @@
 				</a>
 			</div>
 
-			<br /><br />
+			<div class="section-margin-bottom" />
 		</div>
 
 		<div>