From b96074afe079863508e06f193930d5526d4d70bd Mon Sep 17 00:00:00 2001
From: Raatty <me@raatty.club>
Date: Wed, 15 Apr 2020 16:06:30 +1200
Subject: [PATCH] make stuffs bigger!

---
 interface.ui | 15 +++++++++++----
 style.css    | 28 +++++++++++++++++-----------
 2 files changed, 28 insertions(+), 15 deletions(-)

diff --git a/interface.ui b/interface.ui
index fde9075..9122c7c 100644
--- a/interface.ui
+++ b/interface.ui
@@ -17,13 +17,14 @@
                 <property name="orientation">vertical</property>
                 <property name="halign">center</property>
                 <property name="valign">center</property>
-                <property name="hexpand">True</property>
-                <property name="vexpand">True</property>
                 <property name="spacing">12</property>
                 <child>
                   <object class="GtkLabel" id="prompt_label">
                       <property name="visible">True</property>
                       <property name="label">prompt label</property>
+                      <style>
+                        <class name="prompt" />
+                      </style>
                   </object>
                 </child>
                 <child>
@@ -40,6 +41,9 @@
                     <property name="caps_lock_warning">False</property>
                     <property name="hexpand">True</property>
                     <property name="vexpand">True</property>
+                    <style>
+                      <class name="pin" />
+                    </style>
                   </object>
                 </child>
                 <child>
@@ -65,6 +69,9 @@
                     <property name="visible">True</property>
                     <property name="label">Login</property>
                     <signal name="clicked" handler="login_cb"/>
+                    <style>
+                      <class name="login_btn"/>
+                    </style>
                   </object>
                 </child>
                 <child>
@@ -90,7 +97,7 @@
       <object class="GtkImage">
         <property name="visible">True</property>
         <property name="icon_name">edit-clear-symbolic</property>
-        <property name="icon_size">40</property>
+        <property name="icon_size">80</property>
       </object>
     </child>
   </object>
@@ -103,7 +110,7 @@
       <object class="GtkImage">
         <property name="visible">True</property>
         <property name="icon_name">applications-system-symbolic</property>
-        <property name="icon_size">40</property>
+        <property name="icon_size">80</property>
       </object>
     </child>
   </object>
diff --git a/style.css b/style.css
index 2046cd1..4cfe3e5 100644
--- a/style.css
+++ b/style.css
@@ -5,17 +5,13 @@ window * {
     text-decoration: none;
 }
 
-window {
-    background-color: black;
+button {
+    border: none;
+    border-radius: 20em;
 }
 
-button {
-    border: 0;
-    background: none;
-    outline-style: dashed;
-    margin: 0;
-    border-width: 2px;
-    padding: 16px 36px;
+window {
+    background-color: black;
 }
 
 label {
@@ -31,9 +27,19 @@ button:active label {
     color: black;
 }
 
-hdykeypad > button {
-   font-size: 20px;
+hdykeypad > button label{
+   font-size: 5em;
    font-weight: bold;
    padding: 10px;
 }
 
+.login_btn > label {
+    font-size: 2em;
+    background-clip: padding-box;
+    padding: 0.5em;
+}
+
+.pin, .prompt {
+   font-size: 2em;
+}
+