add section

Signed-off-by: Greta Doci <gretadoci@gmail.com>
nextcloud-libraries · Oct 22, 2019 · 9f1aeb7 · 9f1aeb7
1 parent dfe9691
commit 9f1aeb7
Showing 1 changed file with 17 additions and 9 deletions.
diff --git a/src/components/SettingsCheckbox/SettingsCheckbox.vue b/src/components/SettingsCheckbox/SettingsCheckbox.vue
@@ -21,12 +21,14 @@
   -->
 
 <template>
-	<p>
-		<input :id="id" type="checkbox" class="checkbox"
+	<div class="section">
+		<p>
+			<input :id="id" type="checkbox" class="checkbox">
 			:checked="inputVal" :disabled="disabled" @change="$emit('input', $event.target.checked)">
-		<label :for="id">{{ label }}</label><br>
-		<em v-if="hint !== ''">{{ hint }}</em>
-	</p>
+			<label :for="id">{{ label }}</label><br>
+			<em v-if="hint !== ''">{{ hint }}</em>
+		</p>
+	</div>
 </template>
 
 <script>
@@ -73,9 +75,15 @@ export default {
 }
 </script>
 
-<style scoped>
-	p {
-		margin-bottom: 15px;
-	}
+<style lang="scss" scoped>
+p {
+	margin-bottom: 15px;
+}
+
+.section {
+	margin-bottom: auto;
+	display: block;
+	padding: 30px;
+}
 
 </style>