.status-container-container {
- margin: 16px 0;
+ margin: 16px 0 16px -4px;
padding: 0 4px;
border-left: 4px solid transparent;
}
.status-content {
margin: 4px 0 8px 0;
+ word-wrap: anywhere;
}
.status-content p {
.status-image,
.status-video {
max-height: 180px;
+ max-width: 220px;
width: auto;
}
padding: 4px;
font-size: 11pt;
font-family: initial;
+ max-width: 100%;
}
.pagination {
}
.notification-container {
- margin: 16px 0;
+ margin: 16px 0 16px -4px;
padding: 0 4px;
border-left: 4px solid transparent;
}
.status-reply-info-divider {
margin: 0 4px;
}
+
+.post-content-container {
+ padding-right: 8px;
+}
+
+.error-text {
+ margin: 8px 0;
+}
+
+.post-attachment-div {
+ margin: 2px 0;
+}
{{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"}}
{{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}}
<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>