fixup css

4 files changed, 33 insertions, 37 deletions

diff --git a/src/scss/blog.scss b/src/scss/blog.scss
index dbb652f..be47c70 100644
--- a/src/scss/blog.scss
+++ b/src/scss/blog.scss
@@ -28,17 +28,18 @@
 }
 
 #comments {
-	> span {
-		margin-bottom: 10px;
+	.no-comments {
+		display: block;
+		margin: $inner-gap 0;
 	}
 
 	.comment {
 		.header {
-			display: inline-block;;
+			display: inline-block;
 		}
 		.date {
 			font-size: 70%;
-			display: inline-block;;
+			display: inline-block;
 		}
 		.content {
 			margin-top: 0;
@@ -51,16 +52,6 @@
 		max-width: 400px;
 		padding-right: $inner-gap;
 
-		input.hidden {
-			display: none;
-		}
-
-		input#author,
-		input#content {
-			display: block;
-			width: 100%;
-		}
-
 		input {
 			@include border-radius($inner-radius);
 			display: block;
@@ -76,6 +67,16 @@
 				outline: none;
 				border: 2px solid $white;
 			}
+
+			&.hidden {
+				display: none;
+			}
+
+			&#author,
+			&#content {
+				display: block;
+				width: 100%;
+			}
 		}
 	}
 }
diff --git a/src/scss/error.scss b/src/scss/error.scss
index 34c9d21..2ef2cab 100644
--- a/src/scss/error.scss
+++ b/src/scss/error.scss
@@ -1,7 +1,7 @@
 @import "./variables";
 
 .section {
-	text-align: center;
+	text-align: center !important;
 }
 
 #main h1 {
diff --git a/src/scss/home.scss b/src/scss/home.scss
index fa3159f..a32fdfb 100644
--- a/src/scss/home.scss
+++ b/src/scss/home.scss
@@ -12,11 +12,10 @@
 }
 
 #about {
-  span {
-	margin: 0 !important;
-	font-family: monospace;
-	font-size: 110%;
-  }
+	span {
+		margin: 0 !important;
+		font-family: monospace;
+	}
 }
 
 @media (max-width: 800px) {
diff --git a/src/scss/main.scss b/src/scss/main.scss
index ae3ac11..3cf410f 100644
--- a/src/scss/main.scss
+++ b/src/scss/main.scss
@@ -168,7 +168,7 @@ body,
 	  }
 	}
 
-	img {
+	#logo {
 		@include border-radius($inner-radius);
 		float: left;
 		height: $logo-width;
@@ -176,28 +176,25 @@ body,
 	}
 
 	.content {
-		padding-top: 30px;
-		padding-left: $logo-width;
+		height: $logo-width;
 
 		.logo-text {
 			margin: 0;
 			text-align: center;
 			text-shadow: 3px 3px $white-alt;
+			height: $logo-width / 2;
+			line-height: $logo-width / 2;
 		}
 
 		#nav {
-			margin: 0;
 			padding: 0;
-			list-style-type: none;
 			margin: 0 auto;
+			list-style-type: none;
 			@include display-table($inner-gap);
 
-			ul { padding: none;}
-
 			li {
 				@include display-table-cell;
-				float: left;
-				padding: $inner-gap;
+				padding: $inner-gap / 2;
 
 				a {
 					@include text-decoration(none);
@@ -243,9 +240,6 @@ body,
 
 @media (max-width: 800px) {
 	#header {
-		display: block;
-		height: auto;
-
 		&, &.container {
 		  height: auto;
 
@@ -254,15 +248,18 @@ body,
 		  }
 		}
 
-		img {
+		#logo {
 			float: none;
 			display: block;
 			margin: 0 auto;
 		}
 
 		.content {
-			padding-top: 0;
-			padding-left: 0;
+			height: auto;
+
+			.logo-text {
+				height: auto;
+			}
 
 			#nav {
 				text-align: center;
@@ -274,7 +271,6 @@ body,
 @media (max-width: 550px) {
 	#header .content #nav {
 		li {
-			float: none;
 			display: block;
 		}
 	}
@@ -373,6 +369,7 @@ body,
 			font-family: $header-font;
 			font-size: 120%;
 			line-height: 120%;
+			text-align: left;
 
 			@media (max-width: 400px) {
 				font-size: 100%;
@@ -397,7 +394,6 @@ body,
 
 		th {
 			background: $blue;
-			text-align: left;
 		}
 
 		tr:last-child {