From dd713a26db8657837f84fc0c85a26ad3ffac2d90 Mon Sep 17 00:00:00 2001
From: chfhtw <christopher.hacker@technikum-wien.at>
Date: Wed, 8 Apr 2026 15:07:42 +0200
Subject: [PATCH] replace inline styles with bootstrap class

---
 public/js/components/Dashboard/Section.js | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/public/js/components/Dashboard/Section.js b/public/js/components/Dashboard/Section.js
index f1c1bb7ce..adac53c3c 100644
--- a/public/js/components/Dashboard/Section.js
+++ b/public/js/components/Dashboard/Section.js
@@ -63,9 +63,6 @@ export default {
 		editModeIsActive() {
 			return (this.editMode || this.adminMode) && !this.configOpened	
 		},
-		getSectionStyle() {
-			return 'margin-bottom: 8px;';
-		},
 		items() {
 			// reuses the nearest placement of the widget from another viewport 
 			/* const computeNearestPlace = (item, gridWidth) =>{
@@ -223,9 +220,8 @@ export default {
 	},
 	template: /* html */`
 	<div
-		class="dashboard-section position-relative pb-3 border-bottom"
+		class="dashboard-section position-relative pb-3 mb-3 border-bottom"
 		ref="container"
-		:style="getSectionStyle"
 	>
 		<h4 v-if="editModeIsActive" class=" mb-2">
 			<i v-tooltip="showSectionInformation(name)" class="fa-solid fa-circle-info section-info" ></i>