Move panels under one div

cats256 · Jul 23, 2023 · 04d2024 · 04d2024
1 parent 5cbaa31
commit 04d2024
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/popup/popup.css b/popup/popup.css
@@ -57,7 +57,7 @@ button:hover {
   font-size: 20px;
 }
 
-.panel {
+#panel {
   flex-grow: 1;
 }
 

diff --git a/popup/popup.html b/popup/popup.html
@@ -19,9 +19,11 @@
   </head>
   <body>
     <div id="focus-block">Focus Tab</div>
-    <div class="panel" id="pomodoro-timer" hidden></div>
-    <div class="panel" id="focus-tab"></div>
-    <div class="panel" id="settings-tab" hidden><div style="text-align: center">In Development</div></div>
+    <div id="panel">
+      <div id="pomodoro-timer" hidden></div>
+      <div id="focus-tab"></div>
+      <div id="settings-tab" hidden><div style="text-align: center">In Development</div></div>
+    </div>
     <div id="button-container">
       <button type="button" id="timer">
         <span class="material-symbols-outlined"> timer </span>