Theme admin refinement. Make more room to show the preview by enlarging the iframe and removing the heading above it.

2 files changed, 13 insertions, 14 deletions

diff --git a/core/views/admin_themes.html.php b/core/views/admin_themes.html.php
index f8dc0812..5e10a803 100644
--- a/core/views/admin_themes.html.php
+++ b/core/views/admin_themes.html.php
@@ -8,44 +8,44 @@
   var select_url = "<?= url::site("admin/themes/choose") ?>";
   select = function(type, id) {
     $.post(select_url, {"type": type, "id": id, "csrf": '<?= access::csrf_token() ?>'},
-           function() { load(type) });
+      function() { load(type) });
   }
 </script>
 <div id="gAdminThemes">
-  <h1><?= t("Theme Administration") ?></h1>
+  <h1> <?= t("Theme Administration") ?> </h1>
   <div id="gThemeTabs">
     <?= $menu ?>
   </div>
 
-  <!-- @todo: move this fix into the CSS file -->
-  <div style="clear: both"></div>
-
   <div id="gThemePane">
     <h1> <?= $title ?> </h1>
-    <div class="active">
+    <div id="gSelectedTheme">
       <h2> <?= t("Selected theme") ?> </h2>
-      <div class="theme_block">
-        <h3> <?= $themes[$active]->name ?> </h3>
-        <img src="<?= url::file("themes/{$active}/thumbnail.png") ?>"
+      <div class="gBlock">
+         <img src="<?= url::file("themes/{$active}/thumbnail.png") ?>"
              alt="<?= $themes[$active]->name ?>" />
+        <h3> <?= $themes[$active]->name ?> </h3>
         <p>
           <?= $themes[$active]->description ?>
         </p>
       </div>
     </div>
 
-    <div class="available">
+    <div id="gAvailableThemes">
       <h2> <?= t("Available themes") ?> </h2>
+      <p><?= t("Change the look of your Gallery with one of the following available themes. Click to preview and activate.") ?></p>
       <? foreach ($themes as $id => $info): ?>
       <? if (!$info->$type) continue ?>
       <? if ($id == $active) continue ?>
-      <div class="theme_block gDialogLink" href="<?= url::site("admin/themes/preview/$type/$id") ?>">
+      <div class="gBlock">
+        <a href="<?= url::site("admin/themes/preview/$type/$id") ?>" class="gDialogLink" title="<?= t("Theme Preview: {{theme_name}}", array("theme_name" => $info->name)) ?>">
         <h3> <?= $info->name ?> </h3>
         <img src="<?= url::file("themes/{$id}/thumbnail.png") ?>"
              alt="<?= $info->name ?>" />
         <p>
           <?= $info->description ?>
         </p>
+        </a>
       </div>
       <? endforeach ?>
     </div>
diff --git a/core/views/admin_themes_preview.html.php b/core/views/admin_themes_preview.html.php
index b29c2a48..acd1ba3c 100644
--- a/core/views/admin_themes_preview.html.php
+++ b/core/views/admin_themes_preview.html.php
@@ -1,8 +1,7 @@
 <?php defined("SYSPATH") or die("No direct script access.") ?>
-<h1> <?= t("Theme Preview: {{theme_name}}", array("theme_name" => $info->name)) ?> </h1>
-<iframe src="<?= $url ?>" style="width: 600px; height: 500px"></iframe>
 <p>
   <a href="<?= url::site("admin/themes/choose/$type/$theme_name?csrf=" . access::csrf_token()) ?>">
-    <?= t("Activate <b>{{theme_name}}</b>", array("theme_name" => $info->name)) ?>
+    <?= t("Activate <strong>{{theme_name}}</strong>", array("theme_name" => $info->name)) ?>
   </a>
 </p>
+<iframe src="<?= $url ?>" style="width: 900px; height: 450px"></iframe>