Fix fullscreen automator bugs

public/stylesheets/automator.css

@@ -37,38 +37,6 @@
   --color-blockmator-editor-background: black;
 }
 
-.c-automator-tab {
-  width: 80%;
-  min-width: 100rem;
-}
-
-.c-automator-split-pane {
-  width: 100%;
-  height: 57rem;
-  background-color: #bbbbbb;
-}
-
-.s-base--dark .c-automator-split-pane {
-  width: 100%;
-  background-color: #474747;
-}
-
-.c-automator-tab--full-screen .c-automator-split-pane {
-  width: 100%;
-  height: 100%;
-  position: fixed;
-  inset: 0;
-  z-index: 4;
-  margin-top: 0;
-  padding-bottom: 0;
-}
-
-.l-automator-tab {
-  position: relative;
-  align-self: center;
-  margin-top: 0.5rem;
-}
-
 .l-automator-points-list-container {
   display: flex;
   flex-direction: row;

src/components/tabs/automator/AutomatorControls.vue

@@ -219,6 +219,7 @@ export default {
 .c-button-group {
   display: flex;
   flex-direction: row;
+  align-items: center;
 }
 
 .c-automator__status-text {

src/components/tabs/automator/AutomatorTab.vue

@@ -66,7 +66,7 @@ export default {
     class="c-automator-tab l-automator-tab"
   >
     <div v-if="automatorUnlocked">
-      <div class="c-automator-tab__interval-info">
+      <div>
         {{ intervalText }}
       </div>
       <span :class="{ 'c-overlimit': currentChars > maxScriptChars }">
@@ -107,4 +107,36 @@ export default {
   font-weight: bold;
   color: var(--color-bad);
 }
+
+.c-automator-tab {
+  width: 80%;
+  min-width: 100rem;
+}
+
+.l-automator-tab {
+  position: relative;
+  align-self: center;
+  margin-top: 0.5rem;
+}
+
+.c-automator-split-pane {
+  width: 100%;
+  height: 57rem;
+  background-color: #bbbbbb;
+}
+
+.s-base--dark .c-automator-split-pane {
+  width: 100%;
+  background-color: #474747;
+}
+
+.c-automator-tab--full-screen .c-automator-split-pane {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  inset: 0;
+  z-index: 6;
+  margin-top: 0;
+  padding-bottom: 0;
+}
 </style>