Tidying in Product Page

pages/products/[mode]/[[id]].vue

@@ -196,6 +196,7 @@ setupPage()
                 type="product"
                 v-if="itemInfo"
                 :element-id="itemInfo.id"
+                render-headline
             />
           </UCard>
         </div>
@@ -203,22 +204,24 @@ setupPage()
       <div
           v-if="item.label === 'Bestand'"
       >
-        <UCard>
+        <UCard class="mt-5">
           Bestand: {{dataStore.getStockByProductId(itemInfo.id)}} {{dataStore.units.find(unit => unit.id === itemInfo.unit) ? dataStore.units.find(unit => unit.id === itemInfo.unit).name : ""}}
         </UCard>
       </div>
       <div
           v-if="item.label === 'Dokumente'"
       >
-        <Toolbar>
-          <DocumentUpload
-              type="product"
-              :element-id="itemInfo.id"
-          />
-        </Toolbar>
+        <UCard class="mt-5">
+          <Toolbar>
+            <DocumentUpload
+                type="product"
+                :element-id="itemInfo.id"
+            />
+          </Toolbar>
 
 
-        <DocumentList :documents="dataStore.getDocumentsByProductId(itemInfo.id)"/>
+          <DocumentList :documents="dataStore.getDocumentsByProductId(itemInfo.id)"/>
+        </UCard>
       </div>
     </template>
   </UTabs>