From 2bbee2ee54d831e5b4e63a8cabb3611e24533cf3 Mon Sep 17 00:00:00 2001
From: Thomas Sileo <t@a4.io>
Date: Tue, 3 Sep 2019 22:54:01 +0200
Subject: [PATCH] Tweak the admin UI

---
 sass/base_theme.scss | 21 +++++++++++++++++++++
 templates/new.html   | 12 ++++++++----
 2 files changed, 29 insertions(+), 4 deletions(-)

diff --git a/sass/base_theme.scss b/sass/base_theme.scss
index 437095b..84e2b55 100644
--- a/sass/base_theme.scss
+++ b/sass/base_theme.scss
@@ -350,6 +350,27 @@ form.action-form {
 #admin {
   margin-top: 50px;
 }
+.tabbar {
+    margin-bottom:50px;
+}
+.tab {
+  padding: 10px;
+  text-decoration: none;
+}
+.tab.selected {
+  background: $color-menu-background;
+  color: $primary-color;
+  border-top: 1px solid $primary-color;
+  border-right: 1px solid $primary-color;
+  border-left: 1px solid $primary-color;
+  padding: 9px;
+  
+}
+.tab:hover {
+  text-decoration: none;
+  background: $color-menu-background;
+  color: $color-light;
+}
 textarea, input, select {
   background: $color-menu-background;
   padding: 10px;
diff --git a/templates/new.html b/templates/new.html
index fb5a26b..f422de1 100644
--- a/templates/new.html
+++ b/templates/new.html
@@ -12,11 +12,13 @@
 <h3 style="padding-bottom: 30px">Replying to {{ content }}</h3>
 {{ utils.display_thread(thread) }}
 {% else %}
+<div class="tabbar">
 {% if request.args.get("question") == "1" %}
-<h3 style="padding-bottom:20px;">New question <small><a href="/admin/new">make it a note?</a></small></h3>
+<a href="{{ url_for('admin.admin_new') }}" class="tab">Note</a><a href="{{ url_for('admin.admin_new') }}?question=1" class="tab selected">Question</a>
 {% else %}
-<h3 style="padding-bottom:20px;">New note <small><a href="/admin/new?question=1">make it a question?</a></small></h3>
+<a href="{{ url_for('admin.admin_new') }}" class="tab selected">Note</a><a href="{{ url_for('admin.admin_new') }}?question=1" class="tab">Question</a>
 {% endif %}
+</div>
 {% endif %}
 <form action="/api/new_{% if request.args.get("question") == "1" %}question{%else%}note{%endif%}" method="POST" enctype="multipart/form-data">
 <input type="hidden" name="redirect" value="/">
@@ -37,13 +39,15 @@
 {% endfor %}
 </p>
 
-<textarea name="content" rows="10" cols="50" autofocus="autofocus" designMode="on">{{ content }}</textarea>
+<textarea name="content" rows="10" cols="50" autofocus="autofocus" designMode="on" style="font-size:1.2em;">{{ content }}</textarea>
 <input type="file" name="file">
 
 {% if request.args.get("question") == "1" %}
 <div style="margin-top:20px;">
     <p>Open for: <select name="open_for">
-    <option value="1">1 minutes</option>
+    <option value="5">5 minutes</option>
+    <option value="10">10 minutes</option>
+    <option value="15">15 minutes</option>
     <option value="30">30 minutes</option>
     <option value="60">1 hour</option>
     <option value="360">6 hour</option>