From f304d97e1183358f92fa6f74f2491cc6990bfa4b Mon Sep 17 00:00:00 2001
From: Ken Hibino <ken.hibino7@gmail.com>
Date: Wed, 1 Dec 2021 18:30:27 -0800
Subject: [PATCH] (ui): Fix button style

---
 ui/src/views/MetricsView.tsx | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/ui/src/views/MetricsView.tsx b/ui/src/views/MetricsView.tsx
index fa83ebd..2219ed7 100644
--- a/ui/src/views/MetricsView.tsx
+++ b/ui/src/views/MetricsView.tsx
@@ -46,6 +46,9 @@ const useStyles = makeStyles((theme) => ({
   radioButtonLabel: {
     fontSize: 14,
   },
+  buttonLabel: {
+    textTransform: "none",
+  },
 }));
 
 function mapStateToProps(state: AppState) {
@@ -115,7 +118,7 @@ function MetricsView(props: Props) {
     }
   };
 
-  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {
+  const handleButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {
     setAnchorEl(event.currentTarget);
   };
 
@@ -145,9 +148,13 @@ function MetricsView(props: Props) {
             <div className={classes.controls}>
               <Button
                 aria-describedby={id}
-                variant="contained"
+                variant="outlined"
                 color="primary"
-                onClick={handleClick}
+                onClick={handleButtonClick}
+                size="small"
+                classes={{
+                  label: classes.buttonLabel,
+                }}
               >
                 {endTimeOption === "real_time" ? "Realtime" : "Historical"}:{" "}
                 {durationOption}