mute/unmute all ui update

ChristianE00 · Jul 29, 2024 · 2dfd0bc · 2dfd0bc
1 parent 1339b60
commit 2dfd0bc
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 5 deletions.
diff --git a/home.html b/home.html
@@ -37,9 +37,10 @@ <h1 class="block pl-2 text-xl font-bold text-gray-800 text-white">Audio Kit</h1>
         </div>
 
     </div>
-    <!-- Mute All -->
+
     <div class="flex py-2">
 
+        <!-- Mute All -->
         <div class="flex-none px-2">
             <button class="text-white" id="signalToggleMuteAllButton">
                 <i class="fa-solid fa-play" id="tabMuteAllIcon"></i>
@@ -49,11 +50,9 @@ <h1 class="block pl-2 text-xl font-bold text-gray-800 text-white">Audio Kit</h1>
         <div class="flex-none px-2">
             <p class="text-white border-2 border-indigo-600 p-1" id="tabAllMuted">Muted All </p>
         </div>
-    </div>
-    <!-- Unmute All -->
-    <div class="flex py-2">
 
-        <div class="flex-none px-2">
+        <!-- Unmute All -->
+        <div class="flex-none pl-10 pr-2">
             <button class="text-white" id="signalToggleUnmuteAllButton">
                 <i class="fa-solid fa-play" id="tabUnmuteAllIcon"></i>
             </button>

diff --git a/src/css/output.css b/src/css/output.css
@@ -751,6 +751,11 @@ video {
   padding-right: 0.5rem;
 }
 
+.px-5 {
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+}
+
 .py-2 {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
@@ -769,6 +774,18 @@ video {
   padding-left: 0.5rem;
 }
 
+.pl-5 {
+  padding-left: 1.25rem;
+}
+
+.pr-2 {
+  padding-right: 0.5rem;
+}
+
+.pl-10 {
+  padding-left: 2.5rem;
+}
+
 .text-center {
   text-align: center;
 }