fix: a lot of design flaws

Info text when empty, new inputs, minimum height of content fixed

app/pages/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="nuxt-page-wrapper flex-col">
     <ClientOnly>
       <PpDeleteDialog
         ref="deleteModal"
@@ -14,7 +14,7 @@
       />
       <Teleport to="#subheader">
         <div class="search-bar">
-          <p>Preisvergleich. Schnell. Unkompliziert.</p>
+          <p class="roboto-condensed">Vergleichen. Schnell. Unkompliziert.</p>
         </div>
       </Teleport>
       <section class="content flex-col">
@@ -23,17 +23,22 @@
             {{ button.label }}
           </button>
         </aside>
-        <div class="flex-col" role="list">
+        <div class="flex-col" role="list" v-if="cards.length">
           <PpPriceCard
-              ref="priceCard"
-              v-for="(card, index) in cards"
-              :key="card.uuid"
-              :deletable="cards.length > 1"
-              :card="card"
-              @update="openModal(false, index)"
-              @remove="openDeleteModal()"
+            ref="priceCard"
+            v-for="(card, index) in cards"
+            :key="card.uuid"
+            :deletable="cards.length > 1"
+            :card="card"
+            @update="openModal(false, index)"
+            @remove="openDeleteModal()"
           />
         </div>
+        <p class="info-text grow" v-else>
+          Du hast noch keinerlei Einträge angelegt.
+          <br />Aber das ist gar nicht schlimm!
+          <br />Tippe einfach unten auf "+ Hinzufügen" und leg los.
+        </p>
       </section>
       <PpToolbar>
         <PpButton class="mini-button text-white transparent" @click="openModal(true, -1)">