Merge branch 'fix/styling-fixes' into develop

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;
+}

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]);

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);
+}

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>

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;

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;
+}

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

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 {