From 3836dee198a0a44d19a76cce0ea13c65ea28c637 Mon Sep 17 00:00:00 2001
From: Martin Krulis <krulis@d3s.mff.cuni.cz>
Date: Tue, 28 Sep 2021 11:05:50 +0200
Subject: [PATCH] Minor appearance issues (editor font size, commas between
 group admins).

---
 src/components/forms/Fields/SourceCodeField.js         |  1 +
 .../helpers/SourceCodeViewer/SourceCodeViewer.js       |  1 +
 .../GroupsNameContainer/GroupsNameContainer.js         | 10 +++++-----
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/forms/Fields/SourceCodeField.js b/src/components/forms/Fields/SourceCodeField.js
index e13f97307..381223d14 100644
--- a/src/components/forms/Fields/SourceCodeField.js
+++ b/src/components/forms/Fields/SourceCodeField.js
@@ -41,6 +41,7 @@ const SourceCodeField = ({
               minLines={5}
               maxLines={20}
               readOnly={readOnly}
+              fontSize={16}
               onBlur={
                 () => input.onBlur() // this is a hack that will ensure blur call witout distorting the contents
               }
diff --git a/src/components/helpers/SourceCodeViewer/SourceCodeViewer.js b/src/components/helpers/SourceCodeViewer/SourceCodeViewer.js
index 8c6cdcfa7..0d2f4c229 100644
--- a/src/components/helpers/SourceCodeViewer/SourceCodeViewer.js
+++ b/src/components/helpers/SourceCodeViewer/SourceCodeViewer.js
@@ -18,6 +18,7 @@ const SourceCodeViewer = ({ name, content = '' }) =>
           name="source-code-viewer"
           width="100%"
           height="100%"
+          fontSize={16}
           editorProps={{ $blockScrolling: true, $autoScrollEditorIntoView: true }}
         />
       )}
diff --git a/src/containers/GroupsNameContainer/GroupsNameContainer.js b/src/containers/GroupsNameContainer/GroupsNameContainer.js
index 4a5595ad6..6271d5f8c 100644
--- a/src/containers/GroupsNameContainer/GroupsNameContainer.js
+++ b/src/containers/GroupsNameContainer/GroupsNameContainer.js
@@ -74,11 +74,11 @@ class GroupsNameContainer extends Component {
             {admins && group.primaryAdminsIds.length > 0 && (
               <small className="half-opaque ml-3">
                 (
-                {group.primaryAdminsIds.map(id => (
-                  <em key={id}>
-                    <UsersNameContainer userId={id} isSimple />
-                  </em>
-                ))}
+                <em>
+                  {group.primaryAdminsIds.map(id => (
+                    <UsersNameContainer key={id} userId={id} isSimple />
+                  ))}
+                </em>
                 )
               </small>
             )}