Availability day header fix (#451)

* Availability day header fix * fix order of the properties Co-authored-by: Ryo Armanda <[email protected]>
nussucommit · Mar 21, 2020 · 2fe9569 · 2fe9569
1 parent 1d4deaa
commit 2fe9569
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/app/assets/stylesheets/availabilities.scss b/app/assets/stylesheets/availabilities.scss
@@ -205,28 +205,30 @@ body {
 
 .edit-places-empty-heading {
   border-right: 1px solid $border-grey;
-  flex: 0 0 auto;
+  flex: 0 auto auto;
   height: 100px;
   width: 48px;
 }
 
 .heading-group {
   display: flex;
   flex: 1 1 auto;
+  overflow: hidden;
 }
 
 .places-day-heading {
-  align-items: flex-end;
+  align-items: flex-start;
   border-right: 1px solid $border-grey;
   display: flex;
-  flex: 1 1 0%;
+  flex: 1 1 10%;
+  justify-content: center;
   overflow: hidden;
 }
 
 .places-day-text {
   font-size: 32px;
   line-height: 64px;
-  margin-left: 10px;
+  //margin-left: 10px;
   overflow: hidden;
 }