editor: Cleanup and improve styling

* Use a single class for "main widgets" of a property editor and use
  widget names to specify further (eg. don't create a "main-entry" class
  but use entry.main-widget instead). This helps in keeping things
  consistent
* Fixup some margins and paddings. For example, the birthday row doesn't
  look smaller than the rest anymore.
* Use the margins to vertically align icons iso centering them
* Fix a warning when setting an address

1 files changed, 14 insertions, 16 deletions

diff --git a/data/ui/style.css b/data/ui/style.css
index 47ecbb0..4e68694 100644
--- a/data/ui/style.css
+++ b/data/ui/style.css
@@ -71,31 +71,29 @@ flowboxchild.circular {
 }
 
   .contacts-editor-property .contacts-property-icon,
-  .contacts-editor-property .contacts-editor-main-entry image {
-    margin: 12px;
+  .contacts-editor-property entry.contacts-editor-main-widget image {
+    margin: 12px 12px;
+  }
+
+  .contacts-editor-property entry.contacts-editor-main-widget {
+    padding: 4px 6px 4px 0; /* left padding is for the icon */
   }
 
-  .contacts-editor-property .contacts-editor-main-entry {
-    padding: 6px 6px 6px 0; /* left padding is for the icon */
+  .contacts-editor-property button.contacts-editor-main-widget {
+    padding: 10px 0;
   }
 
 /* Class for editing postal address */
-.contacts-editor-address entry {
-  border-radius: 0;
-  border-width: 1px 1px 0 1px;
-  padding: 6px 6px;
+.contacts-editor-address {
+  padding-top: 6px;
+  padding-bottom: 6px;
 }
 
-  .contacts-editor-address entry:first-child {
-    border-radius: 4px 4px 0 0;
-  }
-
-  .contacts-editor-address entry:last-child {
-    border-radius: 0 0 4px 4px;
-    border-width: 1px;
+  .contacts-editor-address entry {
+    padding: 6px 3px;
   }
 
-/* Widget to edit a birthday */
+/* Widget to edit a birthday (_not_ the row itself) */
 .contacts-editor-birthday {
   margin: 12px;
 }