uprava css

src/App.vue

@@ -6,6 +6,8 @@
             
                 <div class="col1">
                     <div class="hlavni">
+                        <div class="hlavni2">
+                            <br>
                     
                             <h2>Parametry letu</h2>
                             <p>
@@ -17,14 +19,17 @@
                                 </select>
                             </p>
                         
+                            
                             <!-- volba destinace -->
                         
                             
                             <!-- datum odletu -->
-                        <v-date-picker v-model="departuredate" :min-date="new Date()" value=""/>
-                        <!-- datum příletu pokud zpáteční -->
                         
                         
+                            <v-date-picker v-model="departuredate" :min-date="new Date()" value=""/>
+                            <!-- datum příletu pokud zpáteční -->
+                        </div>
+                        <div class="hlavni2">
                             <p>
                                 <label for="inputPersonCount">Počet cestujících</label><br>
                                 <input v-on:change="personCountChange()" v-model="personCount" type="number" id="inputPersonCount" min="1" max="10">
@@ -40,7 +45,7 @@
                                     </option>
                                 </select>
                             </p>
-                        <div class="sedadlo">
+                            
                             <div class="seatWrap">
                                 <div class="seat" v-for="(seat, index) in seats" :key="index">
                                     <div v-if="chosenSeats.indexOf(seat) >= 0" v-on:click="chosenSeats.splice(chosenSeats.indexOf(seat), 1)" class="chosen">
@@ -56,17 +61,17 @@
                                         
                                 </div>
                             </div>
-                        </div>
+                            
                             <br>
                             <button v-on:click="chosenSeats=[]">Odebrat všechna sedadla</button>
-                    
                         </div>
                     
-    
+                    </div>
 
                 </div>
+
                 <div class="col">
-                    <div class="hlavni">
+                    <div class="druha">
                         <h2>Objednávka</h2>
                         <p v-if="travelType">
                             Typ cesty: 
@@ -205,7 +210,7 @@ export default {
       background-color: lightgreen;
   }
   .col{
-      width: 40%;
+      width: 70%;
       background-color: rgb(255, 255, 255);
       margin: 0 left;
         opacity: 0.8;
@@ -214,10 +219,12 @@ export default {
   .hlavni{
       width: 50%;
     margin: 0 auto;
+    background-color: white;
+      
   }
   .hlava{
       width: 100%;
-      background-color:
+      margin: 0 auto;
   }
   #app{
       background-image: url("./assets/leta.jpeg");
@@ -228,8 +235,19 @@ export default {
   h1,h2,h3,p {
       font-family: Arial, Helvetica, sans-serif;
   }
-  .sedadlo{
-      width: 170px;
+
+  .druha{
+      width: 30%;
+    float: left;
+
+  }
+  .col1{
+      width: 100%;
+  }
+  .hlavni2{
+      width: 80%;
+      margin: 0 auto;
+
   }
 
   @media (max-width: 500px) {