Added arrow icons for details sections.

New arrow icons have been added to replace the plus/minus sign icons
for expanding/collapsing details sections.

Ticket #1422

1 files changed, 15 insertions, 20 deletions

diff --git a/install/ui/ipa.css b/install/ui/ipa.css
index 26e000fc1..38b5a9118 100644
--- a/install/ui/ipa.css
+++ b/install/ui/ipa.css
@@ -721,15 +721,6 @@ h3 {
 }
 
 .section-expand{
-    float:left;
-    -moz-border-radius: 0.3em;
-        -webkit-border-radius: 0.3em;
-    background-color: -moz-linear-gradient(top,  #959595,  #5e5e5e);
-        background: -webkit-gradient(linear, left top, left bottom, from(#959595), to(#5e5e5e));
-    border: 1px solid #b8b8b8;
-    color: #fff;
-    margin-right: 0.5em;
-    margin-top: -0.2em;
 }
 
 hr {
@@ -909,28 +900,32 @@ span.attrhint {
     padding:0;
 }
 
-#the positions for these are in the large icon image,
-#and need to be specified in pixels.
+/*
+ the positions for these are in the large icon image,
+ and need to be specified in pixels.
+*/
+.ui-icon {
+    /* background-image: url("ui-icons_222222_256x240.png"); */
+    background-color: #e2e2e2;
+    display: inline-block;
+}
 
+.ui-icon-expanded {
+    background: url(arrow_expanded.png);
+}
 
-.ui-icon-minus {
-    background-position: -48px -129px;
+.ui-icon-collapsed {
+    background: url(arrow_collapsed.png);
 }
 
 .ui-icon-plus {
-        background-position: -16px -129px;
+    background-position: -16px -129px;
 }
 
 .ui-icon-trash {
     background-position: -176px -97px;
 }
 
-.ui-icon {
-    /* background-image: url("ui-icons_222222_256x240.png"); */
-    background-color: #e2e2e2;
-    display: inline-block;
-}
-
 .ui-widget-content {
 }