login: improve style for the devel warning

5 years ago · 5973f3fa4e
2 changed files with 6 additions and 3 deletions
--- a/data/resources/style.css
+++ b/data/resources/style.css
@ -24,9 +24,10 @@
 }

 #devnotice {
-  background-color: @warning_color;
-  padding: 6px;
-  border-radius: 10px;
+  background-color: lighter(alpha(@warning_color, 0.3));
+  color: shade(@warning_color, 0.5);
+  padding: 12px 24px;
+  border-radius: 9px;
 }

 /* Session */
--- a/data/resources/ui/login.ui
+++ b/data/resources/ui/login.ui
@ -64,9 +64,11 @@
                            <child>
                              <object class="GtkBox">
                                <property name="name">devnotice</property>
+                                <property name="spacing">12</property>
                                <child>
                                  <object class="GtkImage" id="development_icon">
                                    <property name="icon-name">dialog-warning-symbolic</property>
+                                    <property name="icon-size">large</property>
                                  </object>
                                </child>
                                <child>