Changes

spaces/pages/inventory/index.vue

@@ -66,21 +66,17 @@ function checkSpaceId(spaceId) {
   <div id="main">
     <router-link to="/inventory/spaces"><UButton>Lagerplätze</UButton></router-link>
 
-    <!--<UInput
-        icon="i-heroicons-magnifying-glass-20-solid"
-        variant="outline"
-        color="primary"
-        placeholder="Barcode / Suche"
-        v-model="searchinput"
-    />-->
 
-    <UButton @click="mode = 'incoming'" class="ml-3" >Wareneingang</UButton>
-    <UButton @click="mode = 'outgoing'" class="ml-1">Warenausgang</UButton>
-    <UButton @click="mode = 'change'" class="ml-1" disabled>Umlagern</UButton>
+    <div class="my-3">
+      <UButton @click="mode = 'incoming'" class="ml-3" >Wareneingang</UButton>
+      <UButton @click="mode = 'outgoing'" class="ml-1">Warenausgang</UButton>
+      <UButton @click="mode = 'change'" class="ml-1" disabled>Umlagern</UButton>
+    </div>
+
 
     <UFormGroup
         label="Artikel:"
-        class="mt-3"
+        class="mt-3 w-80"
     >
       <UInput
           variant="outline"
@@ -92,7 +88,7 @@ function checkSpaceId(spaceId) {
 
     <UFormGroup
         label="Lagerplatz:"
-        class="mt-3"
+        class="mt-3 w-80"
     ><!--.map(space => {return  {id: space.id, name: space.spaceNumber}}-->
       <USelectMenu
         :options="spaces"
@@ -106,7 +102,7 @@ function checkSpaceId(spaceId) {
 
     <UFormGroup
         label="Anzahl:"
-        class="mt-3"
+        class="mt-3 w-80"
     >
       <UInput
           variant="outline"
@@ -132,8 +128,9 @@ function checkSpaceId(spaceId) {
 
 <style scoped>
 #main {
-  /*display: flex;
-  flex-direction: row;*/
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }
 #left {
   width: 25vw;