remove loads of styles in favor of inline styles

components/book/dateSelect.tsx

@@ -1,6 +1,7 @@
 import React, { useContext } from 'react'
 import { BookContext } from '../../context/book'
 import InputWrapper from '../inputWrapper'
+import Input from '../input'
 import Calendar from '../calendar'
 
 export default function DateSelect() {
@@ -18,29 +19,26 @@ export default function DateSelect() {
           onChange={onChange}
           className="my-6 max-w-lg"
         />
-        <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
-          <div className="">
-            <label className="flabel inline-block mr-3" htmlFor="startDate">
-              Von
-            </label>
-            <input
-              required
+        </InputWrapper>
+        <div className="flex flex-wrap -mx-3 mb-2">
+          <div className="w-full md:w-1/3 px-3 mb-2 md:mb-0">
+            <Input
+              label="Von"
               type="date"
-              className="input-text"
+              className=""
               name="startDate"
               value={startDate || ''}
               onChange={onChangeEvent}
               min={today}
+              required
             />
           </div>
-          <div className="">
-            <label className="flabel inline-block mr-3" htmlFor="endDate">
-              Bis
-            </label>
-            <input
+          <div className="w-full md:w-1/3 px-3 mb-2 md:mb-0">
+            <Input
               required
+              label="Bis"
               type="date"
-              className="input-text"
+              className=""
               name="endDate"
               value={endDate || ''}
               placeholder="Von"
@@ -49,7 +47,6 @@ export default function DateSelect() {
             />
           </div>
         </div>
-      </InputWrapper>
     </>
   )
 }

components/book/index.tsx

@@ -11,7 +11,7 @@ function BookForm() {
   return (
     <>
       <form
-        className="form"
+        className="w-full"
         onSubmit={(event) => {
           event.preventDefault()
           onSubmit()
@@ -22,7 +22,7 @@ function BookForm() {
         {dataStoredLoaded && (
           <p className="mb-6 info-message">
             Buchungsdaten wurden aus Deinem Browser geladen und vorausgefüllt.{' '}
-            <a className="link" onClick={forgetData}>
+            <a className="font-medium text-blue-400 underline cursor-pointer hover:text-blue-600" onClick={forgetData}>
               Daten wieder vergessen
             </a>
           </p>

components/book/reason.tsx

@@ -14,12 +14,14 @@ export default function Contact() {
         name="purpose"
         value={purpose}
         onChange={onChangeEvent}
+        className=""
       />
       <Input
         label="Ziel der Fahrt"
         name="destination"
         value={destination}
         onChange={onChangeEvent}
+        className=""
       />
     </>
   )