Merge pull request #4865 from FlowFuse/4850-fix-dg-settings-padding

Fix padding on Device Group Settings view

frontend/src/components/SectionSideMenu.vue

@@ -1,5 +1,5 @@
 <template>
-    <ul class="mb-6 sm:mb-0 sm:-ml-6 w-full pb-4 sm:pb-0 sm:w-32 border-b sm:border-b-0 sm:border-r overflow-hidden border-gray-400 mr-6 text-gray-500 space-y-2" data-el="section-side-menu">
+    <ul class="mb-6 sm:mb-0 w-full pb-4 sm:pb-0 sm:w-32 border-b sm:border-b-0 sm:border-r overflow-hidden border-gray-400 mr-6 text-gray-500 space-y-2" data-el="section-side-menu">
         <template v-for="item in options" :key="item.name">
             <li class="block">
                 <router-link :to="item.path" class="block text-sm px-3 py-1 sm:py-2 pl-3 ml-1" exact-active-class="text-blue-700 ml-0 border-l-4 border-blue-700" :data-nav="item.name.toLowerCase()">{{ item.name }}</router-link>

frontend/src/pages/account/index.vue

@@ -7,7 +7,7 @@
                 <div class="text-l text-gray-400">{{ user.username }}</div>
             </div>
         </div>
-        <div class="text-sm sm:px-6 mt-4 sm:mt-8">
+        <div class="text-sm mt-4 sm:mt-8">
             <router-view />
         </div>
     </ff-page>

frontend/src/pages/device/index.vue

@@ -49,7 +49,7 @@
                 </template>
             </SectionNavigationHeader>
         </div>
-        <div class="sm:px-6 mt-4 sm:mt-8">
+        <div class="mt-4 sm:mt-8">
             <Teleport v-if="mounted && isVisitingAdmin" to="#platform-banner">
                 <div class="ff-banner" data-el="banner-device-as-admin">You are viewing this device as an Administrator</div>
             </Teleport>

frontend/src/pages/instance/Settings/index.vue

@@ -2,7 +2,7 @@
     <div class="mb-3">
         <SectionTopMenu hero="Settings" info="" />
     </div>
-    <div class="flex flex-col sm:flex-row ml-6">
+    <div class="flex flex-col sm:flex-row">
         <SectionSideMenu :options="sideNavigation" />
         <div class="flex-grow">
             <router-view