fixed small styles for report plugin (#1172)

Co-authored-by: Smit Nick <[email protected]>
BlueBrain · Oct 24, 2022 · 55068a8 · 55068a8
1 parent 398dc0a
commit 55068a8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/shared/components/AnalysisPlugin/AnalysisPlugin.less b/src/shared/components/AnalysisPlugin/AnalysisPlugin.less
@@ -31,6 +31,7 @@
   .add-report-button {
     margin-right: 0;
     margin-left: auto;
+    margin-bottom: 6px;
     display: flex;
     span {
       line-height: 1.5715;

diff --git a/src/shared/components/AnalysisPlugin/AnalysisPlugin.tsx b/src/shared/components/AnalysisPlugin/AnalysisPlugin.tsx
@@ -51,7 +51,6 @@ const AnalysisPlugin = ({
   FileUpload,
   imagePreviewScale,
   mode,
-  selectedAnalysisReports,
   currentlyBeingEditedAnalysisReportDescription,
   currentlyBeingEditedAnalysisReportCategories,
   currentlyBeingEditedAnalysisReportTypes,
@@ -420,7 +419,7 @@ const AnalysisPlugin = ({
                                       onClickRelatedResource(containerId)
                                     }
                                     style={{
-                                      padding: '4px',
+                                      padding: '12px',
                                       maxWidth: '230px',
                                       overflow: 'hidden',
                                       background: 'transparent',
@@ -442,8 +441,9 @@ const AnalysisPlugin = ({
                                 aria-label="Open discussion on report resource"
                                 icon={<MessageOutlined />}
                                 style={{
+                                  maxWidth: '230px',
+                                  overflow: 'hidden',
                                   background: 'transparent',
-                                  padding: '12px',
                                 }}
                                 onClick={() =>
                                   analysisReport.id &&