From dc7a092c0754ebee5d5dbb8d5ba96479e2ea8ec5 Mon Sep 17 00:00:00 2001
From: Ezerous <ezerous@gmail.com>
Date: Thu, 18 Feb 2021 14:37:23 +0200
Subject: [PATCH] fix: stylistic fixes

---
 packages/concordia-app/src/assets/css/index.css           | 5 +++++
 .../src/components/TopicList/TopicListRow/index.jsx       | 2 --
 .../src/layouts/MainLayout/MainLayoutMenu/styles.css      | 8 ++++++++
 packages/concordia-app/src/views/Home/Board/index.jsx     | 4 ++--
 packages/concordia-app/src/views/Home/Board/styles.css    | 6 +++++-
 packages/concordia-app/src/views/Profile/styles.css       | 4 ++++
 .../concordia-app/src/views/Topic/TopicCreate/index.jsx   | 4 ++--
 .../concordia-app/src/views/Topic/TopicCreate/styles.css  | 5 +++++
 8 files changed, 31 insertions(+), 7 deletions(-)

diff --git a/packages/concordia-app/src/assets/css/index.css b/packages/concordia-app/src/assets/css/index.css
index 8e38ba2..bfecc8a 100644
--- a/packages/concordia-app/src/assets/css/index.css
+++ b/packages/concordia-app/src/assets/css/index.css
@@ -65,3 +65,8 @@ div {
     -o-user-select: none;
     user-select: none;
 }
+
+textarea, input, button, select {
+    font-family: inherit;
+    font-size: inherit;
+}
diff --git a/packages/concordia-app/src/components/TopicList/TopicListRow/index.jsx b/packages/concordia-app/src/components/TopicList/TopicListRow/index.jsx
index 6146736..16ed29b 100644
--- a/packages/concordia-app/src/components/TopicList/TopicListRow/index.jsx
+++ b/packages/concordia-app/src/components/TopicList/TopicListRow/index.jsx
@@ -160,9 +160,7 @@ const TopicListRow = (props) => {
                         </Grid>
                     </Grid.Column>
                 </Grid>
-
             </Segment>
-
         </Dimmer.Dimmable>
     );
   }, [history, loading, numberOfReplies, t, timeAgo, topicAuthor, topicAuthorAddress, topicAuthorMeta, topicId, topicSubject]);
diff --git a/packages/concordia-app/src/layouts/MainLayout/MainLayoutMenu/styles.css b/packages/concordia-app/src/layouts/MainLayout/MainLayoutMenu/styles.css
index e223bff..30bad3c 100644
--- a/packages/concordia-app/src/layouts/MainLayout/MainLayoutMenu/styles.css
+++ b/packages/concordia-app/src/layouts/MainLayout/MainLayoutMenu/styles.css
@@ -11,3 +11,11 @@
     position: relative;
     border-bottom: solid rgba(255, 255, 255,0.2) 1px;
 }
+
+#main-layout-menu .link.item {
+    border-radius: 0;
+}
+
+#main-layout-menu .link.item::before {
+    background: rgba(255, 255, 255,0.2);
+}
diff --git a/packages/concordia-app/src/views/Home/Board/index.jsx b/packages/concordia-app/src/views/Home/Board/index.jsx
index 8aa9498..45c4c33 100644
--- a/packages/concordia-app/src/views/Home/Board/index.jsx
+++ b/packages/concordia-app/src/views/Home/Board/index.jsx
@@ -36,7 +36,7 @@ const Board = (props) => {
             ? (<TopicList topicIds={_.rangeRight(0, numberOfTopics)} />)
             : (!hasSignedUp
               ? (
-                  <div id="no-topic-message" className="vertical-center-in-parent">
+                  <div id="no-topic-message" className="vertical-center-in-parent unselectable">
                       <Header textAlign="center" as="h2">
                           {t('board.header.no.topics.message')}
                       </Header>
@@ -46,7 +46,7 @@ const Board = (props) => {
                   </div>
               )
               : (
-                  <div id="no-topic-message" className="vertical-center-in-parent">
+                  <div id="no-topic-message" className="vertical-center-in-parent unselectable">
                       <Header textAlign="center" as="h2">
                           {t('board.header.no.topics.message')}
                       </Header>
diff --git a/packages/concordia-app/src/views/Home/Board/styles.css b/packages/concordia-app/src/views/Home/Board/styles.css
index e2d23b0..e46aa67 100644
--- a/packages/concordia-app/src/views/Home/Board/styles.css
+++ b/packages/concordia-app/src/views/Home/Board/styles.css
@@ -1,8 +1,12 @@
 #no-topic-message {
-    padding-top: 7rem;
+    padding-top: 22rem;
     clear: both;
 }
 
+#no-topic-message > .header {
+    color: white;
+}
+
 #new-topic-button{
     float:right;
     margin-top: 1px;
diff --git a/packages/concordia-app/src/views/Profile/styles.css b/packages/concordia-app/src/views/Profile/styles.css
index efabf36..e6fb986 100644
--- a/packages/concordia-app/src/views/Profile/styles.css
+++ b/packages/concordia-app/src/views/Profile/styles.css
@@ -1,3 +1,7 @@
 #profile-container {
     height: auto !important;
 }
+
+#profile-container .ui.tabular.menu > [class="item"] {
+    color: white;
+}
diff --git a/packages/concordia-app/src/views/Topic/TopicCreate/index.jsx b/packages/concordia-app/src/views/Topic/TopicCreate/index.jsx
index 1a419db..f9867a2 100644
--- a/packages/concordia-app/src/views/Topic/TopicCreate/index.jsx
+++ b/packages/concordia-app/src/views/Topic/TopicCreate/index.jsx
@@ -100,7 +100,7 @@ const TopicCreate = (props) => {
           <Header id="new-topic-header" as="h2">New Topic</Header>
           <Form loading={posting}>
               <Form.Field required>
-                  <label htmlFor="form-topic-create-field-subject">
+                  <label className="form-topic-create-header" htmlFor="form-topic-create-field-subject">
                       {t('topic.create.form.subject.field.label')}
                   </label>
                   <Input
@@ -113,7 +113,7 @@ const TopicCreate = (props) => {
                   />
               </Form.Field>
               <Form.Field required>
-                  <label htmlFor="form-topic-create-field-message">
+                  <label className="form-topic-create-header" htmlFor="form-topic-create-field-message">
                       {t('topic.create.form.content.field.label')}
                   </label>
                   <TextArea
diff --git a/packages/concordia-app/src/views/Topic/TopicCreate/styles.css b/packages/concordia-app/src/views/Topic/TopicCreate/styles.css
index 5d078ac..2bd6916 100644
--- a/packages/concordia-app/src/views/Topic/TopicCreate/styles.css
+++ b/packages/concordia-app/src/views/Topic/TopicCreate/styles.css
@@ -1,6 +1,11 @@
 #new-topic-header {
     padding: 2rem;
     text-align: center;
+    color: white;
+}
+
+.form-topic-create-header{
+    color: white !important;
 }
 
 .form-textarea-required {