commit 5a9d35b34459add7ace16d05d8fc74e21fd1ee97
author Vidit Chitkara <viditchitkara@google.com> Wed Aug 21 20:45:39 2024 +0000
committer SkCQ <skcq-be@skia-corp.google.com.iam.gserviceaccount.com> Thu Aug 22 01:09:53 2024 +0000
tree 689673144bcb252c9eda18748dfbd4af9be9a16a
parent 0da2e6557c17dbb03cdbe19db8391d65478738f6

Fix overflowing text in buttons above the graph

Also made everything centrally aligned.

Testing:
- Wide screen: https://screenshot.googleplex.com/7WmdeNu4EB7y5Dq
- Laptop size: https://screenshot.googleplex.com/AHbcA7s7b2Es5gp
- Shorter screen: https://screenshot.googleplex.com/9pT8QeA4eb7ettR

Demo screencast: https://screencast.googleplex.com/cast/NDk1ODQ4ODg1MjY5Mjk5Mnw4ZjJjN2Q0Ny1hNA

Bug: b/356330305
Change-Id: I95b3dd1cdc9c3f4032585e6b5bb1d96c76cc4e3d
Reviewed-on: https://skia-review.googlesource.com/c/buildbot/+/892069
Commit-Queue: Vidit Chitkara <viditchitkara@google.com>
Reviewed-by: Ashwin Verleker <ashwinpv@google.com>

perf/modules/explore-simple-sk/explore-simple-sk.scss

diff --git a/perf/modules/explore-simple-sk/explore-simple-sk.scss b/perf/modules/explore-simple-sk/explore-simple-sk.scss
index cdc2b19..dfb4246 100644
--- a/perf/modules/explore-simple-sk/explore-simple-sk.scss
+++ b/perf/modules/explore-simple-sk/explore-simple-sk.scss
@@ -136,6 +136,8 @@
     button,
     checkbox-sk {
       margin: 0;
+      height: auto;
+      min-height: 40px;
     }
 
     [hidden] {
@@ -143,6 +145,13 @@
     }
   }
 
+  #traceButtons {
+    checkbox-sk {
+      display: flex;
+      align-items: center;
+    }
+  }
+
   #spinner[aria-hidden='true'] {
     display: none;
   }