Markdown Editor, Solved threads, Buttons

Even better readabilty to the markdown editor
Added spacing between multiple solved threads in a row
Removed tiny button to support to large font style

OurUmbraco.Client/build/forum-thread.html

@@ -143,8 +143,8 @@
     <h4>Are you sure?</h4>
     <p>This <span class="type-of"></span> will be gone forever and ever</p>
     <br />
-    <button class="button green tiny" href="#">Yes</button>
-    <button class="button red tiny" href="#">No</button>
+    <button class="button green" href="#">Yes</button>
+    <button class="button red" href="#">No</button>
 </div>
 
 <!-- DELETE THREAD/COMMENT END -->
@@ -1137,7 +1137,7 @@ namespace TestProject.Controllers
 	        </div>
 	        <div class="row">
 	            <div class="col-xs-8">
-	                <input class="button tiny markdown-control" type="button" value="Post topic" id="topic-submit">
+	                <input class="button markdown-control" type="button" value="Post topic" id="topic-submit">
 	                <div id="posting"><div class="loader"></div></div>
 	            </div>
 	            <div class="col-xs-4 visible-xs visible-sm">

OurUmbraco.Client/build/forum.html

@@ -307,6 +307,17 @@
 					</div>
 
 
+					<div class="topic-row solved">
+						<div class="topic">
+							<a href="forum-thread.html">
+								<h3>How to use uWebshop Basket with custom products ?</h3>
+								<span>last edited by <strong>Arsene Wenger</strong> 12 minutes ago</span>
+							</a>
+						</div>
+						<div class="category frontend"><a href="#">Core</a></div>
+						<div class="posts"><small>12</small> <span>Replies</span></div>
+					</div>
+
 
 					<div class="topic-row">
 						<div class="topic">

OurUmbraco.Client/src/scss/elements/_markdown-editor.scss

@@ -102,7 +102,7 @@
 		label {
 			display: block;
 			margin-bottom: 5px;
-			color: $color-space;
+			color: darken($color-space, 10%);
 			font-size: .9rem;
 		}
 	}
@@ -379,13 +379,14 @@
 		  border: none;
 		  background: $color-green;
 		  color: white;
-		  font-size: .9rem;
 		  padding: 10px;
 		  width: 100%;
 		  max-width: 140px;
 		  font-family: $font-family;
 		  cursor: pointer;
 
+		  font-size: 1rem;
+
 		  &:hover {
 		  	background: lighten($color-green, 5%);
 		  }

OurUmbraco.Client/src/scss/pages/_forum.scss

@@ -116,8 +116,8 @@
 
 			border-bottom: 1px solid rgba($color-space, .11);
 
+
 			.topic {
-				
 				font-size: .95rem;
 				line-height: 1.3;
 
@@ -138,6 +138,7 @@
 					}
 				}
 
+
 				span {
 					display: block;
 					font-size: .75rem;
@@ -150,6 +151,7 @@
 					}
 				}
 
+
 				@media (min-width: $md) {
 					font-size: 1.15rem;
 					line-height: 1.3;
@@ -166,13 +168,28 @@
 
 			&.solved {
 				background: rgba($color-our, .23);
-				border-bottom: 2px solid rgba($color-our, .66);
+				border: 2px solid rgba($color-our, .66);
+
+				+ .solved {
+					margin-top: 10px;
+				}
 			}
 
+			
 
 
 			@media (min-width: $md) {
 				padding: 35px 15px;
+
+				&:hover {
+					// background: rgba($color-space, .08);
+				}
+
+				&.solved {
+					&:hover {
+						// background: rgba($color-our, .30);
+					}
+				}
 			}
 		}