Mobile version v1

style/_mobile.scss

@@ -0,0 +1,31 @@
+@media only screen and (max-width: 800px) {
+	.desktop {
+		display: none !important;
+	}
+
+
+	#container {
+		left: 1em;
+		width: calc(100% - 1em - 82px);
+		margin: 0;
+		
+		#header {
+			margin-left: 0;
+			height: 15%;
+			background-size: contain;
+		}
+	
+		#main, #side {
+			top: 15%;
+		}
+	
+		.ql-container {
+		}
+	}
+}
+
+@media only screen and (min-width: 801px) {
+	.mobile {
+		display: none !important;
+	}
+}

style/_quill.scss

@@ -35,29 +35,16 @@
 				div {
 					margin: 0;
 					
-					&.edi_thought_date {
-						width: calc(50% - 1.5em);
-					}
-					
 					&.edi_thought_date, &.edi_thought_time {
 						color: $gray-500;
 						font-style: italic;
 						line-height: 3em;
-						display: inline-block;
-						text-indent: 0;
-						
-						& + .edi_thought_date {
-							text-align: right;
-							margin-right: 2px;
-							padding-top: 0;
-							width: calc(50% - 2px);
-						}
+						display: block;
 					}
 				
 					&.edi_thought_time {
 						text-align: right;
 						margin-right: 2px;
-						width: 100%;
 					}
 				}
 			

style/_template.scss

@@ -1,7 +1,6 @@
 /* Containers */
 
 body {
-	min-width: 700px;
 	font-family: $font_para, sans-serif;
 	font-size:1em;
 	background-color: $gray-200;

style/mythoughts.scss

@@ -1,23 +1,24 @@
-/* Variables */
-
-@import 'variables';
-
-/* Fonts */
-
-@import 'font-awesome';
-@import 'fonts';
-
-/* Plugins */
-
-@import 'bootstrap';
-@import 'quill';
-
-/* Template (theme) */
-
-@import 'template';
-
-/* Pages */
-
-@import 'logon';
-@import 'write';
+/* Variables */
+
+@import 'variables';
+
+/* Fonts */
+
+@import 'font-awesome';
+@import 'fonts';
+
+/* Plugins */
+
+@import 'bootstrap';
+@import 'quill';
+
+/* Template (theme) */
+
+@import 'template';
+@import 'mobile';
+
+/* Pages */
+
+@import 'logon';
+@import 'write';
 @import 'read';