feat(status): better phone sizing

chaotic-cx · Oct 5, 2024 · 00e9aae · 00e9aae
1 parent cca300d
commit 00e9aae
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/frontend/src/app/status/status.component.html b/frontend/src/app/status/status.component.html
@@ -17,22 +17,22 @@ <h1 class="text-center text-4xl font-extrabold text-maroon">Build Status</h1>
     <div class="container mx-auto my-5 items-center">
         <button
             (click)="getQueueStats(false); getPipelines()"
-            class="hover:chaotic-grow-l mr-2.5 rounded-lg bg-maroon px-5 py-2.5 text-base text-sm font-medium hover:bg-mauve focus:outline-none"
+            class="hover:chaotic-grow-l md:mr-2.5 mr-0 rounded-lg bg-maroon px-5 py-2.5 text-base text-sm font-medium hover:bg-mauve focus:outline-none"
             type="button"
         >
             Refresh status
         </button>
         <button
             (click)="headToFullDeployments()"
-            class="hover:chaotic-grow-l ml-2.5 mr-2.5 rounded-lg bg-maroon px-5 py-2.5 text-base text-sm font-medium hover:bg-mauve focus:outline-none"
+            class="hover:chaotic-grow-l ml-2.5 mr-2.5 mt-2.5 md:mt-0  rounded-lg bg-maroon px-5 py-2.5 text-base text-sm font-medium hover:bg-mauve focus:outline-none"
             type="button"
         >
             Full deploy log
         </button>
         @if (!nothingGoingOn) {
             <button
                 (click)="toggleLiveLog()"
-                class="hover:chaotic-grow-l mr-2.5 ml-2.5 rounded-lg bg-maroon px-5 py-2.5 text-base text-sm font-medium hover:bg-mauve focus:outline-none"
+                class="hover:chaotic-grow-l md:ml-2.5 ml-0 mt-2.5 md:mt-0 rounded-lg bg-maroon px-5 py-2.5 text-base text-sm font-medium hover:bg-mauve focus:outline-none"
                 type="button"
             >
                 {{ displayLiveLog ? "Hide" : "Show" }} live log
@@ -164,7 +164,7 @@ <h4 class="text-center text-xl text-mauve">Packages</h4>
                     <div
                         class="place-self-auto rounded-t-xl border-mauve bg-surface0 p-4 md:rounded-l-2xl md:rounded-r-none"
                     >
-                        <h4 class="text-center text-2xl text-mauve">Status</h4>
+                        <h4 class="text-center text-xl text-mauve">Status</h4>
                         <p class="my-2 text-center text-maroon">{{ queue.status }}</p>
                     </div>
                     @if (queue.nodes && queue.nodes.length > 0) {