Add server pause when leader disconnects

1 files changed, 35 insertions, 1 deletions

diff --git a/res/css/des.css b/res/css/des.css
index 7fb2d26..10c246c 100644
--- a/res/css/des.css
+++ b/res/css/des.css
@@ -51,11 +51,11 @@ body.swap {
 
 @media only screen and (orientation: portrait) {
   body {
+    display: flex;
     font-size: .875rem;
     grid-template-areas: none;
     overflow-y: auto;
     height: auto;
-    display: flex;
     flex-direction: column;
   }
 
@@ -388,10 +388,16 @@ header h4 {
 /* Video */
 
 #video {
+  display: flex;
+  flex-direction: column;
   order: 2;
   background: var(--background-video);
 }
 
+#ytapiplayer {
+  display: flex;
+}
+
 @media only screen and (orientation: landscape) {
   #video {
     grid-area: video;
@@ -681,6 +687,10 @@ footer#footer {
   text-align: left;
 }
 
+#pause-indicator-portrait {
+  padding-left: 0.2rem;
+}
+
 .md.hydrated {
   flex-shrink: 0;
 }
@@ -795,6 +805,30 @@ footer#footer {
   position: relative;
 }
 
+#dynamic-chin {
+  display: flex;
+  padding: 0.5rem;
+  justify-content: center;
+  flex-direction: column;
+  gap: 1rem;
+  overflow: hidden;
+  transition: 200ms ease-in-out;
+}
+
+#dynamic-chin.collapsed {
+  padding-top: 0;
+  padding-bottom: 0;
+  height: 0;
+}
+
+#dynamic-chin button {
+  display: flex;
+  margin-left: 0;
+  outline: var(--accent) solid;
+  flex-grow: 1;
+  justify-content: center;
+}
+
 #chatbox {
   padding-top: 1rem;
   border-top: .063rem solid;