Tab and spacing on list

5 files changed, 151 insertions, 10 deletions

diff --git a/install/ui/Makefile.am b/install/ui/Makefile.am
index dedc43dbe..f719339a4 100644
--- a/install/ui/Makefile.am
+++ b/install/ui/Makefile.am
@@ -20,6 +20,8 @@ app_DATA =                              \
 	check.png			\
 	dialog.js 			\
 	dns.js				\
+        facet-tab_on.png                \
+	facet-tab_off.png               \
 	ipa_logo_180x50.png		\
 	ipa.js				\
 	ipa.css				\
diff --git a/install/ui/details.js b/install/ui/details.js
index d4a013ad9..b15d17e7b 100644
--- a/install/ui/details.js
+++ b/install/ui/details.js
@@ -338,7 +338,7 @@ IPA.details_facet = function(spec) {
 
         that.reset_button = IPA.action_button({
             label: IPA.messages.buttons.reset,
-            icon: 'ui-icon-refresh',
+            icon: 'reset-icon',
             'class': 'details-reset',
             click: function() {
                 that.reset();
@@ -348,7 +348,7 @@ IPA.details_facet = function(spec) {
 
         that.update_button = IPA.action_button({
             label: IPA.messages.buttons.update,
-            icon: 'ui-icon-check',
+            icon: 'update-icon',
             'class': 'details-update',
             click: function() {
                 that.update();
diff --git a/install/ui/facet-tab_off.png b/install/ui/facet-tab_off.png
new file mode 100644
index 000000000..a5032f22c
--- /dev/null
+++ b/install/ui/facet-tab_off.png
diff --git a/install/ui/facet-tab_on.png b/install/ui/facet-tab_on.png
new file mode 100644
index 000000000..37b70cd02
--- /dev/null
+++ b/install/ui/facet-tab_on.png
diff --git a/install/ui/ipa.css b/install/ui/ipa.css
index 45a17865f..7baa18332 100644
--- a/install/ui/ipa.css
+++ b/install/ui/ipa.css
@@ -431,11 +431,13 @@ div.tabs {
 
 .entity-tabs {
     position: absolute;
-    height: 40px;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 1; /* need to be above facet header */
+	margin-bottom: -25px;
+	padding-bottom: 11px;
+	border-bottom: 1px solid #C9C3BA;
 }
 
 .facet-group {
@@ -466,29 +468,30 @@ div.tabs {
     display: inline-block;
     height: 25px;
     position: relative;
+	padding-right: 5px;
 }
 
 .facet-tab li a {
-    color: #42454a;
     background-color: #dedbde;
-    border: 1px solid #c9c3ba;
-    border-bottom: none;
+    border-left: 1px solid #c9c3ba;
+	border-right: 1px solid #c9c3ba;
     margin: 5px 0 0;
-    padding: 0 4px 0;
+    padding: 6px 25px;
     text-decoration: none;
     display: inline-block;
     line-height: 19px;
+	background-image: url("facet-tab_off.png");
 }
 
 .facet-tab li a:hover {
     background-color: #f1f0ee;
 }
 .facet-tab li a.selected {
-    color: #000;
+    color: #6C6F73;
     background-color: #f1f0ee;
     font-weight: bold;
-    margin: 0;
-    padding: 5px 4px 1px;
+    background-image: url("facet-tab_on.png");
+	height: 20px;
 }
 
 .facet-tab li.settings {
@@ -717,6 +720,7 @@ hr {
     bottom: 32px;
     overflow: auto;
     border: none;
+	border-top: 1px solid #DFDFDF;
 }
 
 .details-summary {
@@ -985,11 +989,146 @@ span.ui-icon-search {
 	padding: 0 0 2px 6px;
 }
 
+[title="Enroll"] {
+	font-size: 1.3em !important;
+	padding: 0 0 2px 6px;
+}
+
+[title="Update"] {
+	font-size: 1.3em !important;
+	padding: 0 0 2px 6px;
+}
+
+[title="Reset"] {
+	font-size: 1.3em !important;
+	padding: 0 0 2px 6px;
+}
+
 [title="Add"] {
 	font-size: 1.3em !important;
 	padding: 0 0 2px 22px;
 }
 
+[name="search"] {
+	margin-top: -40px;
+}
+
+[name="details"] {
+	margin-top: 30px;
+	margin-left: 7px;
+	width: 910px;
+}
+
+[name="records"] {
+	margin-top: 30px;
+	margin-left: 7px;
+}
+
+[name="maps"] {
+	margin-top: 30px;
+	margin-left: 7px;
+}
+
+[name="keys"] {
+	margin-top: 30px;
+	margin-left: 7px;
+}
+
+[name="certificates"] {
+	margin-top: 30px;
+	margin-left: 7px;
+}
+
+[name="member_role"] {
+	margin-top: 30px;
+	margin-left: 7px;
+}
+
+[name="member_privilege"] {
+	margin-top: 30px;
+	margin-left: 7px;
+}
+
+[name="memberof_group"] {
+	margin-top: 30px;
+	margin-left: 7px;
+}
+
+[name="memberof_privilege"] {
+	margin-top: 30px;
+	margin-left: 7px;
+}
+
+[name="memberof_permission"] {
+	margin-top: 30px;
+	margin-left: 7px;
+}
+
+[name="memberof_netgroup"] {
+	margin-top: 30px;
+	margin-left: 7px;
+}
+
+[name="memberof_hostgroup"] {
+	margin-top: 30px;
+	margin-left: 7px;
+}
+
+[name="managedby_host"] {
+	margin-top: 30px;
+	margin-left: 7px;
+}
+
+[name="memberof_role"] {
+	margin-top: 30px;
+	margin-left: 7px;
+}
+
+[name="member_group"] {
+	margin-top: 30px;
+	margin-left: 7px;
+}
+
+[name="member_host"] {
+	margin-top: 30px;
+	margin-left: 7px;
+}
+
+[name="member_hostgroup"] {
+	margin-top: 30px;
+	margin-left: 7px;
+}
+
+[name="member_netgroup"] {
+	margin-top: 30px;
+	margin-left: 7px;
+}
+
+[name="memberhost_host"] {
+	margin-top: 30px;
+	margin-left: 7px;
+}
+
+[name="memberhost_hostgroup"] {
+	margin-top: 30px;
+	margin-left: 7px;
+}
+
+[name="memberuser_user"] {
+	margin-top: 30px;
+	margin-left: 7px;
+}
+
+[name="memberuser_group"] {
+	margin-top: 30px;
+	margin-left: 7px;
+}
+
+[name="member_user"] {
+	margin-top: 30px;
+	margin-left: 7px;
+}
+
 span.sub-nav-off > a:link, span.sub-nav-off >  a:visited{
     color:white;
 }