Merge pull request #105 from sinfo/venue-stands-style

style: change reservations venue
sinfo · Feb 23, 2024 · 620540e · 620540e
2 parents a19362a + 7ce64e2
commit 620540e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 11 deletions.
diff --git a/src/app/company/company-reservations/company-reservations.component.css b/src/app/company/company-reservations/company-reservations.component.css
@@ -10,7 +10,7 @@
     display: flex;
     flex-direction: column;
 
-    width: 60vw;
+    width: 80vw;
     padding: 1%;
 
     border-right: 2px solid #0000004a;
@@ -72,12 +72,12 @@
 
 .canvas {
     display: flex;
+    flex-direction: column;
     justify-content: center;
     align-items: center;
 }
 
 .canvas, .stands {
-    width: 50%;
     padding: 1%;
 }
 
@@ -86,7 +86,6 @@
     flex-direction: column;
     align-items: center;
     justify-content: flex-start;
-    margin-top: 5%;
 }
 
 .warning {

diff --git a/src/app/company/company-reservations/company-reservations.component.html b/src/app/company/company-reservations/company-reservations.component.html
@@ -29,14 +29,9 @@
     <div class="canvas-wrapper">
 
       <div class="canvas" *ngIf="limitedStands">
-        <app-venue-image (standClick)="clickStandFromCanvas($event)" [maxHeight]="55" [maxWidth]="25"
+        <app-venue-image (standClick)="clickStandFromCanvas($event)" [maxHeight]="55" [maxWidth]="100%"
           [state]="canvasState">
         </app-venue-image>
-      </div>
-
-      <div class="stands">
-
-
         <h5>Stands</h5>
 
         <div class="stands-list" *ngIf="limitedStands">
@@ -55,9 +50,9 @@ <h5>Stands</h5>
             {{ isPendingBook()? "Deselect this day": (isConfirmedBook()? "Selected day" : "Select this day")}}
           </div>
         </div>
+      </div>
 
-
-
+      <div class="stands">
 
         <span style="width: 100%;" *ngFor="let activity of credentials.activities">
           <h5>{{activity}}</h5>