From 7a1df796866faac7d2110029d6ea0d1860bd6615 Mon Sep 17 00:00:00 2001
From: Azareal <azareal@users.noreply.github.com>
Date: Sat, 1 Sep 2018 16:53:50 +1000
Subject: [PATCH] Sorting out the button segment of the topics on the Nox
 Theme. Fixed a small padding issue in the topics page on mobile in the Cosora
 Theme. Fixed the parent forum CSS in the topics page on mobile in the Cosora
 Theme.

---
 themes/cosora/public/main.css | 11 ++++++-
 themes/nox/public/main.css    | 57 +++++++++++++++++++++++------------
 2 files changed, 48 insertions(+), 20 deletions(-)

diff --git a/themes/cosora/public/main.css b/themes/cosora/public/main.css
index ae759fc7..9bf3b49b 100644
--- a/themes/cosora/public/main.css
+++ b/themes/cosora/public/main.css
@@ -1704,6 +1704,14 @@ textarea {
 		margin-bottom: 6px;
 	}
 
+	.topic_name_forum_sep {
+		line-height: 22px;
+		font-size: 18px;
+	}
+	.topic_forum {
+		line-height: 20px;
+	}
+
 	.button_container {
 		border-top: 1px solid var(--element-border-color);
 	}
@@ -1734,8 +1742,9 @@ textarea {
 	.content_container {
 		padding: 0px;
 	}
-	.user_content {
+	.post_item .user_content {
 		padding: 12px;
+		margin-bottom: 0px;
 	}
 	.button_container .open_edit:after, .edit_item:after{
 		content: "\f040";
diff --git a/themes/nox/public/main.css b/themes/nox/public/main.css
index 2edc968c..dd4f9329 100644
--- a/themes/nox/public/main.css
+++ b/themes/nox/public/main.css
@@ -529,7 +529,7 @@ button, .formbutton, .panel_right_button {
 .topic_item .topic_forum {
 	font-size: 19px;
 	line-height: 31px;
-	color: #dddddd;
+	color: #cccccc;
 }
 .topic_view_count {
 	font-size: 17px;
@@ -595,18 +595,30 @@ button, .formbutton, .panel_right_button {
 	margin-right: auto;
 	display: block;
 }
-.post_item .content_container {
+.post_item .topic_content_input {
+	resize: vertical;
+	height: 150px;
 	padding: 16px;
-	background-color: #444444;
+}
+.post_item .content_container {
 	border-radius: 3px;
 	width: 100%;
 	display: flex;
 	flex-direction: column;
 	color: #bbbbbb;
 }
+.post_item .user_content {
+	background-color: #444444;
+	border-radius: 3px;
+	padding: 16px;
+}
 .post_item .button_container {
 	display: flex;
-	margin-top: auto;
+	margin-top: 8px;
+	margin-bottom: auto;
+	padding: 14px;
+	background-color: #444444;
+	border-radius: 3px;
 }
 .post_item .action_button {
 	margin-right: 5px;
@@ -675,6 +687,10 @@ input[type=checkbox]:checked + label .sel {
 	margin-right: 8px;
 }
 
+.ip_item {
+	display: none;
+}
+
 .add_like:before, .remove_like:before {
 	content: "{{index .Phrases "topic.plus_one"}}";
 }
@@ -755,10 +771,6 @@ input[type=checkbox]:checked + label .sel {
 		white-space: nowrap;
 	}
 
-	.topic_item .topic_name_forum_sep, .topic_item .topic_forum, .topic_view_count {
-		display: none;
-	}
-
 	.userinfo {
 		padding: 18px;
 		width: 140px;
@@ -771,35 +783,31 @@ input[type=checkbox]:checked + label .sel {
 	.the_name {
 		font-size: 17px;
 	}
-	.ip_item.hide_on_mobile {
-		display: none;
-	}
 }
 
 @media(max-width: 500px) {
 	.sidebar {
 		display: none;
 	}
+	.topic_view_count {
+		display: none;
+	}
 	
-	.post_item .content_container {
-		background-color: transparent;
-		padding: 0px;
-	}
-	.post_item .user_content {
-		background-color: #444444;
-		padding: 16px;
-	}
 	.post_item .button_container {
 		display: block;
 		margin-top: 8px;
+		background: transparent;
+		padding: 0px;
 	}
 	.post_item .action_button_left {
 		display: block;
 		background-color: #444444;
+		border-radius: 3px;
 		padding: 10px;
 	}
 	.post_item .action_button_right {
 		background-color: #444444;
+		border-radius: 3px;
 		padding: 10px;
 		padding-left: 14px;
 		/*padding-right: 12px;*/
@@ -914,6 +922,17 @@ input[type=checkbox]:checked + label .sel {
 	#back {
 		flex-direction: column;
 	}
+
+	.topic_item .topic_name_forum_sep {
+		font-size: 17px;
+		line-height: 28px;
+		margin-left: 5px;
+		margin-right: 5px;
+	}
+	.topic_item .topic_forum {
+		font-size: 17px;
+		line-height: 28px;
+	}
 }
 
 @media(max-width: 850px) {