From 9f8bdbfb44c06676ff7a7906db7ad762e3b0ac5d Mon Sep 17 00:00:00 2001
From: Nikita Karamov <nick@karamoff.dev>
Date: Fri, 12 Mar 2021 21:20:25 +0100
Subject: [PATCH] Style button like the Mastodon version of it

---
 src/index.pug             | 2 +-
 src/style/_variables.scss | 4 ++--
 src/style/main.scss       | 3 ++-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/index.pug b/src/index.pug
index a57d3b1..ecf26c2 100644
--- a/src/index.pug
+++ b/src/index.pug
@@ -57,7 +57,7 @@ html(lang="en")
 					label(for="remember") Remember my instance on this device
 
 				section.submit
-					input(type="submit", value="Toot!")
+					input(type="submit", value="TOOT!")
 		footer
 			section
 				a(href="https://joinmastodon.org/") What is Mastodon?
diff --git a/src/style/_variables.scss b/src/style/_variables.scss
index e8b372c..e24079f 100644
--- a/src/style/_variables.scss
+++ b/src/style/_variables.scss
@@ -22,8 +22,8 @@ $bg: #1F232B;
 $text: #9baec8;
 $title:#d9e1e8;
 
-$button-bg: #3c99dc;
-$button-hover-bg: #4ea2df;
+$button-bg: #2b90d9;
+$button-hover-bg: #56a7e1;
 $button-text: white;
 
 $input-bg: #131419;
diff --git a/src/style/main.scss b/src/style/main.scss
index 87ea0db..a7256d1 100644
--- a/src/style/main.scss
+++ b/src/style/main.scss
@@ -112,7 +112,8 @@ main {
 				color: $button-text;
 				font-weight: 500;
 				font-family: inherit;
-				padding: 4px 16px;
+				height: 2.5rem;
+				padding: 0 1rem;
 				line-height: 36px;
 				border: 0;
 				cursor: pointer;