From a8825a69d6f447628fbe49596949afb0c260a629 Mon Sep 17 00:00:00 2001
From: Tudor Stanciu <tudor.stanciu94@gmail.com>
Date: Sat, 15 May 2021 02:31:38 +0300
Subject: [PATCH] options button styles change

---
 src/components/common/styles/tableStyles.js                | 5 +++++
 .../session/components/SessionForwardsComponent.js         | 7 +++++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/common/styles/tableStyles.js b/src/components/common/styles/tableStyles.js
index 4c8fe18..b551f2d 100644
--- a/src/components/common/styles/tableStyles.js
+++ b/src/components/common/styles/tableStyles.js
@@ -4,6 +4,11 @@ const styles = () => ({
   },
   narrowTable: {
     minWidth: 400
+  },
+  rowButton: {
+    width: 20,
+    height: 20,
+    padding: 10
   }
 });
 
diff --git a/src/features/session/components/SessionForwardsComponent.js b/src/features/session/components/SessionForwardsComponent.js
index 1226dcd..0e79878 100644
--- a/src/features/session/components/SessionForwardsComponent.js
+++ b/src/features/session/components/SessionForwardsComponent.js
@@ -86,11 +86,14 @@ const SessionForwardsComponent = ({
                         {row.optionId ? (
                           <Tooltip title={t("Session.Forwards.Options.Title")}>
                             <IconButton
+                              className={classes.rowButton}
                               aria-label="options"
-                              size="small"
                               onClick={openOptionsDialog(row)}
                             >
-                              <DonutLargeRoundedIcon color="primary" />
+                              <DonutLargeRoundedIcon
+                                color="primary"
+                                fontSize="small"
+                              />
                             </IconButton>
                           </Tooltip>
                         ) : (