Fixed resizing issues.

The UI has been modified to fix some resizing issues:

Previously the height of facet content was roughly calculated using
resize(). Now the height can be more accurately defined in CSS.

Previously the UI width was fixed. The HTML layout and background
images have been modified to support horizontal expansion if needed.

2 files changed, 13 insertions, 7 deletions

diff --git a/install/ui/test/functional/user-password-reset.html b/install/ui/test/functional/user-password-reset.html
index e242c85c3..dddf732da 100644
--- a/install/ui/test/functional/user-password-reset.html
+++ b/install/ui/test/functional/user-password-reset.html
@@ -53,12 +53,12 @@
 </tr>
 <tr>
 	<td>click</td>
-	<td>xpath=/html/body/div[3]//button[1]</td>
+	<td>css=.ui-dialog button:nth-child(1)</td>
 	<td></td>
 </tr>
 <tr>
 	<td>waitForElementNotPresent</td>
-	<td>xpath=/html/body/div[3]</td>
+	<td>css=.ui-dialog</td>
 	<td></td>
 </tr>
 <tr>
diff --git a/install/ui/test/navigation_tests.js b/install/ui/test/navigation_tests.js
index 9126fae3a..94d0e027c 100644
--- a/install/ui/test/navigation_tests.js
+++ b/install/ui/test/navigation_tests.js
@@ -87,7 +87,9 @@ test("Testing IPA.navigation.create().", function() {
     ok(user_mock_called, "mock user setup was called");
     ok(!group_mock_called, "mock group setup was not called because the tab is inactive");
 
-    var level1_tabs = navigation_container.children('div');
+    var tabs_container = navigation_container.children('div');
+
+    var level1_tabs = tabs_container.children('div');
     same(level1_tabs.length, 1, "One level 1 tab");
 
     var identity_tab = level1_tabs.first();
@@ -140,13 +142,15 @@ test("Testing IPA.navigation.update() with valid index.", function() {
     navigation.push_state({'identity': 'two'});
     navigation.update();
 
+    var tabs_container = navigation_container.children('div');
+
     same(
-        navigation_container.tabs('option', 'selected'), 0,
+        tabs_container.tabs('option', 'selected'), 0,
         "Active tab at level 1"
     );
 
     same(
-        $('.tabs[name=identity]', navigation_container).tabs('option', 'selected'), 1,
+        $('.tabs[name=identity]', tabs_container).tabs('option', 'selected'), 1,
         "Active tab at level 2"
     );
 
@@ -190,13 +194,15 @@ test("Testing IPA.navigation.update() with out-of-range index.", function() {
     navigation.push_state({'identity': 'three'});
     navigation.update();
 
+    var tabs_container = navigation_container.children('div');
+
     same(
-        navigation_container.tabs('option', 'selected'), 0,
+        tabs_container.tabs('option', 'selected'), 0,
         "Active tab at level 1"
     );
 
     same(
-        $('.tabs[name=identity]', navigation_container).tabs('option', 'selected'), 0,
+        $('.tabs[name=identity]', tabs_container).tabs('option', 'selected'), 0,
         "Active tab at level 2"
     );