From 3841c33564bb15fb6cd759b6de8fb5a32dd3a73b Mon Sep 17 00:00:00 2001
From: Simon <simongiesel@gmail.com>
Date: Wed, 13 Jul 2022 17:45:00 +0200
Subject: [PATCH] fix(webapp): move outer padding into views

---
 src/components/molecules/MoleculeNavigationDrawer.vue | 2 +-
 src/components/views/CheckInView.vue                  | 8 +++++---
 src/components/views/DataView.vue                     | 4 +++-
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/components/molecules/MoleculeNavigationDrawer.vue b/src/components/molecules/MoleculeNavigationDrawer.vue
index 19baa84..fb0246c 100644
--- a/src/components/molecules/MoleculeNavigationDrawer.vue
+++ b/src/components/molecules/MoleculeNavigationDrawer.vue
@@ -5,7 +5,7 @@
       type="checkbox"
       class="drawer-toggle"
     />
-    <div class="drawer-content flex flex-col lg:p-6 bg-base-300 h-screen">
+    <div class="drawer-content flex flex-col bg-base-300 h-screen">
       <div
         class="navbar shadow-lg bg-neutral-focus text-neutral-content lg:hidden sticky top-0 z-50 max-w-7xl place-self-center"
       >
diff --git a/src/components/views/CheckInView.vue b/src/components/views/CheckInView.vue
index bf6a0d0..5e6de00 100644
--- a/src/components/views/CheckInView.vue
+++ b/src/components/views/CheckInView.vue
@@ -1,7 +1,9 @@
 <template>
-  <div class="hero h-full bg-base-200 rounded-lg">
-    <div class="hero-content text-center">
-      <h1 class="text-6xl font-bold">John Doe um 17:39:33</h1>
+  <div class="min-h-full lg:p-6">
+    <div class="hero min-h-full bg-base-200 rounded-lg">
+      <div class="hero-content flex-col text-center">
+        <h1 class="text-6xl font-bold">John Doe um 17:39:33</h1>
+      </div>
     </div>
   </div>
 </template>
diff --git a/src/components/views/DataView.vue b/src/components/views/DataView.vue
index 8157609..aaa4e31 100644
--- a/src/components/views/DataView.vue
+++ b/src/components/views/DataView.vue
@@ -1,5 +1,7 @@
 <template>
-  <MoleculeDataTable :data="data" />
+  <div class="lg:p-6">
+    <MoleculeDataTable :data="data" />
+  </div>
 </template>
 
 <script lang="ts" setup>