From fc50a7f6c9e45b0c4e2bb03fbfc42b70e23b9aa6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Anton=20Luka=20=C5=A0ijanec?= <anton@sijanec.eu>
Date: Sun, 24 Apr 2022 13:24:41 +0200
Subject: 0.0.22

---
 src/css.css | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

(limited to 'src/css.css')

diff --git a/src/css.css b/src/css.css
index 0293e79..dc78c9f 100644
--- a/src/css.css
+++ b/src/css.css
@@ -38,7 +38,7 @@
 	}
 }
 
-input, textarea {
+input, textarea, button {
 	background: var(--bgc2);
 	color: var(--fgc1);
 }
@@ -79,7 +79,7 @@ code {
 	color: var(--fgcodec);
 	background-color: var(--bgcodec);
 }
-input[type=password], input[type=text], input[type=submit], input[type=button] {
+input[type=text], button {
 	height: 1cm;
 	font-size: large;
 }
@@ -95,8 +95,9 @@ input[type=password], input[type=text], input[type=submit], input[type=button] {
 }
 input[name=q] {
 	flex-grow: 4;
+	width: 100%;
 }
-input[type=submit] {
+button {
 	flex-basis: 12.5%;
 }
 .SC_LOG_ERROR {
@@ -127,3 +128,9 @@ input[type=submit] {
 .result img {
 	height: 10em;
 }
+button::after {
+	content: attr(value);
+}
+button span { /* rationale: links browser does not support CSS and emojis, therefore it'll show */
+	display: none; /* basic default text instead of emojis. */
+} /* if browser does not support ::after, content or attr, but supports other CSS, button is blank */
-- 
cgit v1.2.3