From 1c637008e5e90063bd5e445cf557f898c23b9778 Mon Sep 17 00:00:00 2001
From: Trevor Parscal <trevorparscal@gmail.com>
Date: Wed, 10 Jul 2013 17:23:54 -0700
Subject: [PATCH] Tighten up outlines and fieldsets

Objective:

* Make outline widgets and fieldset layouts take up a little less space

Bonus:

* Fix option icons always showing up on the first item because the option
  wasn't position relative

Changes:

ve.ui.Widget.css
* Add position: relative to option widgets
* Cleanup unused background properties for outline items
* Reduce padding for outline items
* Move icons to match padding changes

ve.ui.Layout.css
* Reduce margins for fieldset layouts, including using a negative top
  margin to compensate for the overly tall legend

Change-Id: Ida6147b8171dcb4152ca9be0e099a5f9b81ac1c0
---
 modules/ve/ui/styles/ve.ui.Layout.css |  4 ++--
 modules/ve/ui/styles/ve.ui.Widget.css | 15 ++++++---------
 2 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/modules/ve/ui/styles/ve.ui.Layout.css b/modules/ve/ui/styles/ve.ui.Layout.css
index 029eab457d..acbda91d05 100644
--- a/modules/ve/ui/styles/ve.ui.Layout.css
+++ b/modules/ve/ui/styles/ve.ui.Layout.css
@@ -21,13 +21,13 @@
 
 .ve-ui-fieldsetLayout {
 	border: none;
-	margin: 0 0 2em 0;
+	margin: -0.75em 0 1.75em 0;
 	padding: 0;
 }
 
 .ve-ui-fieldsetLayout > legend.ve-ui-labeledElement-label {
 	font-size: 1.5em;
-	margin-bottom: 1em;
+	margin-bottom: 0.5em;
 }
 
 .ve-ui-fieldsetLayout-decorated > legend.ve-ui-labeledElement-label {
diff --git a/modules/ve/ui/styles/ve.ui.Widget.css b/modules/ve/ui/styles/ve.ui.Widget.css
index d41ddae3bb..acae57b1ab 100644
--- a/modules/ve/ui/styles/ve.ui.Widget.css
+++ b/modules/ve/ui/styles/ve.ui.Widget.css
@@ -160,6 +160,7 @@
 /* ve.ui.OptionWidget */
 
 .ve-ui-optionWidget {
+	position: relative;
 	display: block;
 	border: none;
 	list-style: none;
@@ -199,9 +200,7 @@
 
 .ve-ui-outlineItemWidget {
 	position: relative;
-	padding: 1.25em 1.25em 1.25em 3.5em;
-	background-position: 1em center;
-	background-repeat: no-repeat;
+	padding: 0.75em 0.75em 0.75em 3.5em;
 	-webkit-user-select: none;
 	-moz-user-select: none;
 	-ms-user-select: none;
@@ -211,13 +210,11 @@
 }
 
 .ve-ui-outlineItemWidget-level-1 {
-	padding-left: 5.5em;
-	background-position: 3em center;
+	padding-left: 5em;
 }
 
 .ve-ui-outlineItemWidget-level-2 {
-	padding-left: 7.5em;
-	background-position: 5em center;
+	padding-left: 6.5em;
 }
 
 .ve-ui-outlineItemWidget.ve-ui-optionWidget-selected {
@@ -230,11 +227,11 @@
 }
 
 .ve-ui-outlineItemWidget-level-1 .ve-ui-optionWidget-icon {
-	left: 3em;
+	left: 2.5em;
 }
 
 .ve-ui-outlineItemWidget-level-2 .ve-ui-optionWidget-icon {
-	left: 5em;
+	left: 4em;
 }
 
 /* ve.ui.OutlineControlsWidget */