style(predlozhnik): make the page look a bit more inviting r/4334

with some sprinkling of CSS and some different button classes, this
doesn't look half bad!

Change-Id: I49a3af4a77ce58713c735b2401b807062a3efb21
Reviewed-on: https://cl.tvl.fyi/c/depot/+/5989
Tested-by: BuildkiteCI
Reviewed-by: tazjin <tazjin@tvl.su>

1 files changed, 29 insertions, 0 deletions

diff --git a/users/tazjin/predlozhnik/index.css b/users/tazjin/predlozhnik/index.css
new file mode 100644
index 0000000000..3529574c4f
--- /dev/null
+++ b/users/tazjin/predlozhnik/index.css
@@ -0,0 +1,29 @@
+body {
+    max-width: 800px;
+    margin: 40px auto;
+}
+
+#header {
+    display: flex;
+    flex-direction: column;
+}
+
+.btn.btn-ghost:disabled {
+    border-color: #9f9f9f;
+    color: #9f9f9f;
+}
+
+#predlogi,#padezhi {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+}
+
+.btn {
+    margin: 3px;
+    flex-grow: 1;
+}
+
+.footer {
+    text-align: right;
+}