Shout: using float on buttons was a bad idea

diff --git a/shout/templates/dialplan/edit.inc b/shout/templates/dialplan/edit.inc
index a90b979..e24803f 100644 (file)
--- a/shout/templates/dialplan/edit.inc
+++ b/shout/templates/dialplan/edit.inc
@@ -43,12 +43,20 @@
         ?>
         
         <li>
-            <a class="button" href="<?php echo $addurl; ?>">
+            <a class="button" style="display: block;" href="<?php echo $addurl; ?>">
             <?php echo Horde::img('menu-add.png'); ?>&nbsp;New Menu
             </a>
         </li>
-        <li class="button" onclick="editMenu()"><?php echo Horde::img('menu-edit.png'); ?>&nbsp;Edit Menu</li>
-        <li class="button" onclick="deleteMenu()"><?php echo Horde::img('menu-delete.png');?>&nbsp;Delete Menu</li>
+        <li>
+            <div class="button" onclick="editMenu()">
+            <?php echo Horde::img('menu-edit.png'); ?>&nbsp;Edit Menu
+            </div>
+        </li>
+        <li>
+            <div class="button" onclick="deleteMenu()">
+            <?php echo Horde::img('menu-delete.png');?>&nbsp;Delete Menu
+            </div>
+        </li>
         </ul>
     </div>
 

diff --git a/shout/themes/screen.css b/shout/themes/screen.css
index 05b989b..cd29901 100644 (file)
--- a/shout/themes/screen.css
+++ b/shout/themes/screen.css
@@ -179,16 +179,11 @@ span.device:hover
 }
 
 .button {
-    float:left;
     margin: 3px;
     cursor: pointer;
     padding: 2px 8px;
 }
 
-.button a {
-    color: #fff;
-}
-
 .buttonActionLabel
 {
     text-align: right;
@@ -215,6 +210,22 @@ span.device:hover
     z-index: 5;
 }
 
+div#wizard h3
+{
+    cursor: pointer;
+    border-top: 5px solid #c00;
+    border-left: 5px solid #c00;
+    border-right: 5px solid #c00;
+    -moz-border-radius-topleft: 5px;
+    -webkit-border-top-left-radius: 5px;
+    border-top-left-radius: 5px;
+    -moz-border-radius-topright: 5px;
+    -webkit-border-top-right-radius: 5px;
+    border-top-right-radius: 5px;
+    padding: 5px;
+    display: block;
+}
+
 .step
 {
     width: 500px;