From 3ec4b7e253c7b805ef9f3fb31d6448645a11e9e2 Mon Sep 17 00:00:00 2001
From: sebousan <sebousan@gmail.com>
Date: Wed, 6 Dec 2023 17:25:11 +0100
Subject: [PATCH] Improve style

---
 admin/app.css | 95 +++++++++++++++++++++++++++++++++++++++++++--------
 1 file changed, 80 insertions(+), 15 deletions(-)

diff --git a/admin/app.css b/admin/app.css
index 0ae43c8..bff5b1d 100644
--- a/admin/app.css
+++ b/admin/app.css
@@ -66,7 +66,6 @@ input[id*='color'] {
   content: none !important;
 }
 [class*='ControlContainer'] > div {
-  /* border: 1px dashed var(--grey); */
   background: transparent;
   border: 0;
   padding-bottom: 0 !important;
@@ -164,17 +163,12 @@ label + [class*='-DateTimeControl'] {
   padding: 0 !important;
 }
 
-div > div[id*='blocks-field-'],
 div > div[id*='hero-field-'] {
   background-color: var(--lightgrey) !important;
   border: 0 !important;
   border-radius: 0 !important;
 }
 
-div > div[id*='blocks-field-'] > div:last-child:not(:empty) {
-  padding-bottom: var(--margin) !important;
-}
-
 /* TOPBAR */
 [class*='-TopBarContainer'] {
   background: var(--grey) !important;
@@ -198,6 +192,17 @@ div:has(> [class*='-ToggleContainer']) {
   width: auto;
 }
 
+/* BODY */
+div:has(> [role='textbox']) {
+  border-width: 0 1px 1px;
+  min-height: auto;
+}
+[class*='ControlPaneContainer']
+  > [class*='ControlContainer']:last-child
+  div:has(> [role='textbox']) {
+  min-height: 400px;
+}
+
 /* IMAGE FIELD */
 [class*='-ImageWrapper-checkerboard'] {
   float: left;
@@ -352,19 +357,22 @@ div[id^='documents-field'] {
 [id^='video-field'] {
   background-color: var(--lightgrey) !important;
 }
-[id^='video-field'] > div:nth-child(2) {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-}
 [id^='video-field'] > div:nth-child(2) > div {
-  flex-basis: 49%;
+  clear: none;
+  float: left;
+  width: 49%;
 }
 [id^='video-field'] [class*='-ControlContainer']:has(> [for^='controls-field']),
-[id^='video-field'] [class*='-ControlContainer']:has(> [for^='screenshot-field']),
-[id^='video-field'] [class*='-ControlContainer']:has(> [for^='autoplay-field']) {
-  flex-basis: 33%;
+[id^='video-field']
+  [class*='-ControlContainer']:has(> [for^='screenshot-field']),
+[id^='video-field']
+  [class*='-ControlContainer']:has(> [for^='autoplay-field']) {
   flex-direction: column;
+  width: 33%;
+}
+[id^='video-field']
+  [class*='-ControlContainer']:has(> [for^='transcription-field']) {
+  float: right;
 }
 [id^='video-field'] [class*='ControlContainer'] > div {
   padding-left: 0;
@@ -408,6 +416,63 @@ div[id^='documents-field'] {
   margin-bottom: 0;
 }
 
+/* BLOCKS */
+div:has(> div[id^='blocks-field-']) {
+  border-top: 1px solid var(--grey);
+  padding-top: 30px;
+  margin-top: 30px !important;
+}
+div > div[id^='blocks-field-'] {
+  padding: 0 !important;
+}
+div > div[id^='blocks-field-'] [class*='-TopBarContainer'] {
+  background-color: var(--midgrey) !important;
+  margin: 0;
+}
+div > div[id^='blocks-field-'] > [class*='-TopBarContainer'] {
+  background-color: transparent !important;
+  padding: 0 !important;
+}
+div
+  > div[id^='blocks-field-']
+  [class*='-SortableListItem']
+  [class*='-SortableListItem']
+  > div {
+  background-color: transparent !important;
+  border: 0;
+}
+div
+  > div[id^='blocks-field-']
+  > [class*='-TopBarContainer']
+  > div:nth-child(1) {
+  display: none;
+}
+div > div[id^='blocks-field-'] > [class*='-TopBarContainer'] + div > div > div {
+  background-color: var(--lightgrey) !important;
+  border: 0;
+}
+div
+  > div[id^='blocks-field-']
+  [class*='-SortableListItem']
+  [class*='-SortableListItem'] {
+  background-color: var(--midgrey) !important;
+}
+div
+  > div[id^='blocks-field-']
+  > [class*='-TopBarContainer']
+  + div
+  > div
+  > div:nth-of-type(1) {
+  background-color: var(--midgrey) !important;
+}
+div
+  > div[id^='blocks-field-']
+  > [class*='-TopBarContainer']
+  + div
+  div:has(> [class*='-TopBarContainer']) {
+  padding: 0;
+}
+
 /* ASIDE */
 [class*='-TreeNavLink-TreeNavLink'] > div > div:nth-child(2) {
   display: none;