make stuffs bigger!

Makefile

@@ -4,7 +4,7 @@ DATADIR ?= $(PREFIX)/share
 CONFDIR = /etc
 
 install:
-	sed "s/%DATADIR%/\/usr\/share/" lightdm-mobile-greeter.py > lightdm-mobile-greeter
+	sed "s#%DATADIR%#$(DATADIR)#" lightdm-mobile-greeter.py > lightdm-mobile-greeter
 	install -Dm755 lightdm-mobile-greeter -t $(DESTDIR)$(BINDIR)
 	install -Dm644 style.css interface.ui -t $(DESTDIR)$(DATADIR)/lightdm-mobile-greeter
 	install -Dm644 lightdm-mobile-greeter.desktop -t $(DESTDIR)$(DATADIR)/xgreeters

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>
@@ -53,33 +57,27 @@
                     <property name="only_digits">True</property>
                     <property name="show_symbols">False</property>
                     <property name="right_action">delete_btn</property>
+                    <property name="left_action">settings_btn</property>
                     <property name="entry">pin_entry</property>
                     <style>
                       <class name="keypad"/>
                     </style>
                   </object>
                 </child>
-                <child>
-                  <object class="GtkBox">
-                    <property name="visible">True</property>
                 <child>
                   <object class="GtkButton">
                     <property name="visible">True</property>
                     <property name="label">Login</property>
                     <signal name="clicked" handler="login_cb"/>
-                      </object>
+                    <style>
-                      <packing>
+                      <class name="login_btn"/>
-                        <property name="expand">False</property>
+                    </style>
-                        <property name="fill">True</property>
-                        <property name="pack_type">end</property>
-                      </packing>
-                    </child>
                   </object>
                 </child>
                 <child>
                   <object class="GtkLabel" id="message_label">
                       <property name="visible">True</property>
-                      <property name="label">message label</property>
+                      <property name="label"></property>
                   </object>
                 </child>
               </object>
@@ -99,6 +97,20 @@
       <object class="GtkImage">
         <property name="visible">True</property>
         <property name="icon_name">edit-clear-symbolic</property>
+        <property name="icon_size">80</property>
+      </object>
+    </child>
+  </object>
+  <object class="GtkButton" id="settings_btn">
+    <property name="visible">True</property>
+    <property name="can_focus">True</property>
+    <property name="focus-on-click">False</property>
+    <signal name="clicked" handler="backspace"/>
+    <child>
+      <object class="GtkImage">
+        <property name="visible">True</property>
+        <property name="icon_name">applications-system-symbolic</property>
+        <property name="icon_size">80</property>
       </object>
     </child>
   </object>

style.css

@@ -5,21 +5,15 @@ window * {
     text-decoration: none;
 }
 
+button {
+    border: none;
+    border-radius: 20em;
+}
+
 window {
     background-color: black;
 }
 
-button {
-    border: 0;
-    background: none;
-    outline-style: dashed;
-    margin: 0;
-    border-width: 2px;
-    padding: 16px 36px;
-}
-.keypad button {
-    padding: 16px 16px;
-}
 label {
     font-weight: bold;
 }
@@ -32,3 +26,20 @@ button:active {
 button:active label {
     color: black;
 }
+
+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;
+}
+