Fix design

Use table display to have same height for each label

1 files changed, 24 insertions, 18 deletions

diff --git a/en/5/download_index.php b/en/5/download_index.php
index a4b580d29..e4f30cb69 100755
--- a/en/5/download_index.php
+++ b/en/5/download_index.php
@@ -68,15 +68,24 @@ echo $torrent && !$torrentavailable  ? sprintf(_t('forthcoming')) :  sprintf('<a
 	<script src="/g/js/tooltipsy.min.js"></script>
     <?php include '../../analytics.php'; ?>
     <style>
+.radiobutton{
+    display: table;
+    border-spacing:0.4em 0;
+    margin: 0px auto; 
+}
+.radiobutton .ui-button{
+    display: table-cell;
+    height: 100%;
+ }
 .ui-button,.ui-button:link {
     border: 1px solid #AED0EA;
     -moz-box-sizing: content-box;
-    display: inline-block;
     outline: 0 none !important;
     background: repeat-x scroll 50% 50% #D7EBF9;
     font-size: 1.4em;
     cursor: pointer;
     text-align: center;
+    vertical-align: middle;
     border-radius: 6px;
     padding: .5em .4em;
     min-width: 200px;
@@ -103,9 +112,6 @@ input[type="radio"], input[type="submit"]  {
     background: #23AEC2;
 }
 
-.radiobutton{
-    text-align: center;
-}
 .tooltipsy{
     padding: 0.5em;
     width:auto;
@@ -593,20 +599,20 @@ $($cl).tooltipsy({
     });
 
 	gettooltip('.iso2usb', '#iso2usbEx',0,1)
-	gettooltip('.classical', '#classicalEx',20,-70)
-	gettooltip('.live', '#liveEx',20,-70)
-	gettooltip('.lan','#lanEx',20,-70)
-	gettooltip('.livecd', '#livecdEx',20,-70)
-	gettooltip('.livedvd', '#livedvdEx',20,-70)
-	gettooltip('.gnome', '#gnomeEx',20,-300)
-	gettooltip('.kde', '#kdeEx',20,-300)
-	gettooltip('.free', '#freeEx',20,-70)
-	gettooltip('.nonfree','#nonfreeEx',20,-70)
-	gettooltip('.32b', '#32bEx',20,-70)
-	gettooltip('.64b', '#64bEx',20,-70)
-	gettooltip('.dual', '#dualEx',20,-70)
-	gettooltip('.directlink', '#directEx',20,-40)
-	gettooltip('.torrentlink','#torrentEx',20,-40)
+	gettooltip('.classical', '#classicalEx',40,-70)
+	gettooltip('.live', '#liveEx',40,-70)
+	gettooltip('.lan','#lanEx',40,-70)
+	gettooltip('.livecd', '#livecdEx',40,-70)
+	gettooltip('.livedvd', '#livedvdEx',40,-70)
+	gettooltip('.gnome', '#gnomeEx',40,-300)
+	gettooltip('.kde', '#kdeEx',40,-300)
+	gettooltip('.free', '#freeEx',40,-70)
+	gettooltip('.nonfree','#nonfreeEx',40,-70)
+	gettooltip('.32b', '#32bEx',40,-70)
+	gettooltip('.64b', '#64bEx',40,-70)
+	gettooltip('.dual', '#dualEx',40,-70)
+	gettooltip('.directlink', '#directEx',40,-40)
+	gettooltip('.torrentlink','#torrentEx',40,-40)
 	
 });
 </script>