Style breadcrumb in photo upload dialog

2 files changed, 11 insertions, 31 deletions

diff --git a/core/views/simple_uploader.html.php b/core/views/simple_uploader.html.php
index 064f88fc..05a8abc3 100644
--- a/core/views/simple_uploader.html.php
+++ b/core/views/simple_uploader.html.php
@@ -13,7 +13,7 @@
   <p>
     <?= t("Photos will be uploaded to album: ") ?>
   </p>
-  <ul>
+  <ul class="gBreadcrumbs">
     <? foreach ($item->parents() as $parent): ?>
     <li> <?= $parent->title ?> </li>
     <? endforeach ?>
@@ -26,14 +26,14 @@
     <div id="gEditPhotosQueue"></div>
   </div>
   <span id="gChooseFilesButtonPlaceholder"></span>
-  <button id="gUploadCancel" type="button"
+  <button id="gUploadCancel" class="ui-state-default ui-corner-all" type="button"
           onclick="swfu.cancelQueue();"
           disabled="disabled">
     <?= t("Cancel all") ?>
   </button>
 
   <!-- Proxy the done request back to our form, since its been ajaxified -->
-  <button onclick="$('#gAddPhotosForm').submit()">
+  <button class="ui-state-default ui-corner-all" onclick="$('#gAddPhotosForm').submit()">
     <?= t("Done") ?>
   </button>
 </div>
@@ -61,7 +61,7 @@
     button_height: "29",
     button_placeholder_id: "gChooseFilesButtonPlaceholder",
     button_text: '<span class="swfUploadFont">Select photos...</span>',
-    button_text_style: ".swfUploadFont { font-size: 18; }",
+    button_text_style: ".swfUploadFont { font-size: 16; font-family: Arial; }",
     button_text_left_padding: 12,
     button_text_top_padding: 3,
 
diff --git a/themes/default/css/screen.css b/themes/default/css/screen.css
index 081394ed..9fa376bc 100644
--- a/themes/default/css/screen.css
+++ b/themes/default/css/screen.css
@@ -623,7 +623,7 @@ form .gError,
 .gBreadcrumbs li {
   background: transparent url('../images/ico-separator.gif') no-repeat scroll left center;
   float: left;
-  padding: 10px 6px 10px 16px;
+  padding: 10px 6px 10px 16px !important;
 }
 
 .gBreadcrumbs li.root {
@@ -635,10 +635,15 @@ form .gError,
   display: block;
 }
 
+.gBreadcrumbs li.active,
 .gBreadcrumbs li.active span {
   font-weight: bold;
 }
 
+#gAddPhotos .gBreadcrumbs {
+	font-size: .9em;
+}
+
 /* Tags and cloud ~~~~~~~~~~~~~~~~~~~~~~~~ */
 
 #gTagCloud ul {
@@ -850,9 +855,7 @@ form .gError,
   background: #999;
 }
 
-/** *******************************************************************
- * 8) Server Add
- *********************************************************************/
+/* Server Add */
 .gCheckboxTree {
   display: none;
 }
@@ -920,29 +923,6 @@ form .gError,
   padding: 0px;
 }
 
-#gAddPhotos ul li {
-  margin: 0px;
-  padding: 0px;
-  padding-right: 4px;
-}
-
-#gAddPhotos ul li.active {
-  font-weight: bold;
-}
-
-#gAddPhotos ul {
-  margin: 0px;
-  padding: 0px;
-}
-
-#gAddPhotos ul li:after {
-  content: ">";
-}
-
-#gAddPhotos ul li.active:after {
-  content: "";
-}
-
 #gAddPhotosCanvas {
   height: 325px;
   width: 450px;