From a0e7b49c3a2c0d68890d30e88c1febfa3f5e9fcd Mon Sep 17 00:00:00 2001
From: Ken Hibino <ken.hibino7@gmail.com>
Date: Wed, 27 Jan 2021 21:41:57 -0800
Subject: [PATCH] Use small icons in QueuesOverviewTable

---
 ui/src/components/QueuesOverviewTable.tsx | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/ui/src/components/QueuesOverviewTable.tsx b/ui/src/components/QueuesOverviewTable.tsx
index d471c7b..73e7cce 100644
--- a/ui/src/components/QueuesOverviewTable.tsx
+++ b/ui/src/components/QueuesOverviewTable.tsx
@@ -273,8 +273,9 @@ export default function QueuesOverviewTable(props: Props) {
                               color="secondary"
                               onClick={() => props.onResumeClick(q.queue)}
                               disabled={q.requestPending}
+                              size="small"
                             >
-                              <PlayCircleFilledIcon />
+                              <PlayCircleFilledIcon fontSize="small" />
                             </IconButton>
                           </Tooltip>
                         ) : (
@@ -283,20 +284,24 @@ export default function QueuesOverviewTable(props: Props) {
                               color="primary"
                               onClick={() => props.onPauseClick(q.queue)}
                               disabled={q.requestPending}
+                              size="small"
                             >
-                              <PauseCircleFilledIcon />
+                              <PauseCircleFilledIcon fontSize="small" />
                             </IconButton>
                           </Tooltip>
                         )}
                         <Tooltip title="Delete">
-                          <IconButton onClick={() => setQueueToDelete(q)}>
-                            <DeleteIcon />
+                          <IconButton
+                            onClick={() => setQueueToDelete(q)}
+                            size="small"
+                          >
+                            <DeleteIcon fontSize="small" />
                           </IconButton>
                         </Tooltip>
                       </React.Fragment>
                     ) : (
-                      <IconButton>
-                        <MoreHorizIcon />
+                      <IconButton size="small">
+                        <MoreHorizIcon fontSize="small" />
                       </IconButton>
                     )}
                   </div>