From 7c6097703cc357a133b34ed22d9d4da31d698860 Mon Sep 17 00:00:00 2001
From: r <r@freesoftwareextremist.com>
Date: Thu, 19 Dec 2019 16:19:44 +0000
Subject: [PATCH] Improve css for mobile devices

---
 static/main.css         | 19 +++++++++++++++++--
 templates/error.tmpl    |  9 ++++++---
 templates/thread.tmpl   | 13 +++++++------
 templates/timeline.tmpl | 11 ++++++-----
 4 files changed, 36 insertions(+), 16 deletions(-)

diff --git a/static/main.css b/static/main.css
index 3ad86e8..b3dce7a 100644
--- a/static/main.css
+++ b/static/main.css
@@ -1,5 +1,5 @@
 .status-container-container {
-	margin: 16px 0;
+	margin: 16px 0 16px -4px;
 	padding: 0 4px;
 	border-left: 4px solid transparent;
 }
@@ -14,6 +14,7 @@
 
 .status-content {
 	margin: 4px 0 8px 0;
+	word-wrap: anywhere;
 }
 
 .status-content p {
@@ -90,6 +91,7 @@
 .status-image,
 .status-video {
 	max-height: 180px;
+	max-width: 220px;
 	width: auto;
 }
 
@@ -140,6 +142,7 @@
 	padding: 4px;
 	font-size: 11pt;
 	font-family: initial;
+	max-width: 100%;
 }
 
 .pagination {
@@ -151,7 +154,7 @@
 }
 
 .notification-container {
-	margin: 16px 0;
+	margin: 16px 0 16px -4px;
 	padding: 0 4px;
 	border-left: 4px solid transparent;
 }
@@ -192,3 +195,15 @@
 .status-reply-info-divider {
 	margin: 0 4px;
 }
+
+.post-content-container {
+	padding-right: 8px;
+}
+
+.error-text {
+	margin: 8px 0;
+}
+
+.post-attachment-div {
+	margin: 2px 0;
+}
diff --git a/templates/error.tmpl b/templates/error.tmpl
index b6943be..890b5a7 100644
--- a/templates/error.tmpl
+++ b/templates/error.tmpl
@@ -1,6 +1,9 @@
 {{template "header.tmpl"}}
-<h1> Error </h1>
-<div> {{.}} </div>
-<a href="/timeline"> Home </a>
+<div class="page-title"> Error </div>
+<div class="error-text"> {{.}} </div>
+<div>
+<a href="/timeline">Home</a>
+<a href="/signin">Sign In</a>
+</div>
 {{template "footer.tmpl"}}
 
diff --git a/templates/thread.tmpl b/templates/thread.tmpl
index 3ad5dae..d4c88de 100644
--- a/templates/thread.tmpl
+++ b/templates/thread.tmpl
@@ -8,12 +8,13 @@
 {{if eq .ID $.ReplyToID}}
 <form class="timeline-post-form" action="/post" method="POST" enctype="multipart/form-data">
 	<input type="hidden" name="reply_to_id" value="{{$.ReplyToID}}" />
-	<label for="post-content"> Reply to {{.Account.DisplayName}} </label>
-	<br/>
-	<textarea id="post-content" name="content" class="post-content" cols="50" rows="5">{{$.ReplyContent}}</textarea>
-	<br/>
-	Attachments <input id="post-file-picker" type="file" name="attachments" multiple>
-	<br/>
+	<label for="post-content"> reply to {{.Account.DisplayName}} </label>
+	<div class="post-form-content-container">
+		<textarea id="post-content" name="content" class="post-content" cols="50" rows="5">{{$.ReplyContent}}</textarea>
+	</div>
+	<div>
+		Attachments <input id="post-file-picker" type="file" name="attachments" multiple>
+	</div>
 	<button type="submit"> Post </button>
 </form>
 {{end}}
diff --git a/templates/timeline.tmpl b/templates/timeline.tmpl
index 53e3ad7..fe426de 100644
--- a/templates/timeline.tmpl
+++ b/templates/timeline.tmpl
@@ -4,11 +4,12 @@
 
 <form class="timeline-post-form" action="/post" method="POST" enctype="multipart/form-data">
 	<label for="post-content"> New Post </label>
-	<br/>
-	<textarea id="post-content" name="content" class="post-content" cols="50" rows="5"></textarea>
-	<br/>
-	Attachments <input id="post-file-picker" type="file" name="attachments" multiple>
-	<br/>
+	<div class="post-content-container">
+		<textarea id="post-content" name="content" class="post-content" cols="50" rows="5"></textarea>
+	</div>
+	<div class="post-attachment-div">
+		Attachments <input id="post-file-picker" type="file" name="attachments" multiple>
+	</div>
 	<button type="submit"> Post </button>
 </form>