refs #5988 Improved identation

src/components/LeftMenu.vue

@@ -115,7 +115,7 @@ async function togglePinned(item, event) {
 </script>
 
 <template>
-    <QList padding>
+    <QList padding class="column-max-width">
         <template v-if="$props.source === 'main'">
             <QItemLabel header>
                 {{ t('globals.pinnedModules') }}
@@ -207,4 +207,7 @@ async function togglePinned(item, event) {
 .pinned:hover .q-btn {
     visibility: visible;
 }
+.column-max-width {
+    max-width: 256px;
+}
 </style>

src/components/LeftMenuItem.vue

@@ -14,7 +14,7 @@ const props = defineProps({
 const item = computed(() => props.item); // eslint-disable-line vue/no-dupe-keys
 </script>
 <template>
-    <QItem active-class="text-primary" :to="{ name: item.name }" clickable v-ripple>
+    <QItem active-class="text-primary" :to="{ name: item.name }" clickable class="q-ml-md" v-ripple>
         <QItemSection avatar v-if="item.icon">
             <QIcon :name="item.icon" />
         </QItemSection>

src/css/app.scss

@@ -30,16 +30,3 @@ body.body--light {
         color: #555;
     }
 }
-
-// Added left space to subsection
-.q-expansion-item__content {
-    padding-left: 15px;
-}
-.q-expansion-item--standard {
-    max-width: 256px;
-}
-
-// Reduced the space between the icon and the label in the left sidebar
-.q-item__section.column.q-item__section--side.justify-center.q-item__section--avatar {
-    margin-right: -15px;
-}