From: Jordan Lee <jordan@transmissionbt.com>
Date: Wed, 14 Sep 2011 17:17:03 +0000 (+0000)
Subject: (trunk web) #4480 "Bottom bar looks bad on iPhone" -- fixed.
X-Git-Tag: 2.40b1~34
X-Git-Url: https://granicus.if.org/sourcecode?a=commitdiff_plain;h=779316aa378db0879a153bb15936cfc06ac16271;p=transmission

(trunk web) #4480 "Bottom bar looks bad on iPhone" -- fixed.
---

diff --git a/web/images/graphics/chrome.png b/web/images/graphics/chrome.png
index d5aa04e0b..3e31ec7d5 100644
Binary files a/web/images/graphics/chrome.png and b/web/images/graphics/chrome.png differ
diff --git a/web/index.html b/web/index.html
index fe9d13500..ced8d90d1 100755
--- a/web/index.html
+++ b/web/index.html
@@ -437,9 +437,9 @@
 					</ul>
 				</li>
 			</ul>
-			<div id="prefs-button">&nbsp;</div>
 			<div id="turtle-button">&nbsp;</div>
 			<div id="compact-button">&nbsp;</div>
+			<div id="prefs-button">&nbsp;</div>
 		</div>
 
 		<div class="contextMenu" id="torrent_context_menu">
diff --git a/web/javascript/prefs-dialog.js b/web/javascript/prefs-dialog.js
index 8d52f4815..ce0c8a628 100644
--- a/web/javascript/prefs-dialog.js
+++ b/web/javascript/prefs-dialog.js
@@ -164,9 +164,7 @@ function PrefsDialog(remote) {
         return {
             width: $(window).width(),
             height: $(window).height(),
-            position: [ 'left', 'top' ],
-            resizable: false,
-            draggable: false
+            position: [ 'left', 'top' ]
         };
     },
 
diff --git a/web/stylesheets/mobile.css b/web/stylesheets/mobile.css
index 52e68d83c..f6d87c1d1 100644
--- a/web/stylesheets/mobile.css
+++ b/web/stylesheets/mobile.css
@@ -825,20 +825,24 @@ ul.single_file li.inspector_torrent_file_list_entry>.file_priority_control, li.i
 
 div.torrent_footer {
 	height: 20px;
-	padding: 1px;
+	padding-top: 1px;
 	border-top: 1px solid #555;
 	position: relative;
 	width: 100%;
 	z-index: 3;
-	background-color: #6b83a1;
+
+        background-color: #B9B9B9; /* fallback color if gradients are not supported */
+        background-image: -webkit-gradient(linear, left top, left bottom, from(#C9C9C9), to(#A7A7A7));
+        background-image: -webkit-linear-gradient(top, #C9C9C9, #A7A7A7);
+        background-image:    -moz-linear-gradient(top, #C9C9C9, #A7A7A7);
+        background-image:     -ms-linear-gradient(top, #C9C9C9, #A7A7A7);
+        background-image:      -o-linear-gradient(top, #C9C9C9, #A7A7A7);
+        background-image:         linear-gradient(top, #C9C9C9, #A7A7A7); /* standard, but currently unimplemented */
 }
 
 div.torrent_footer > * {
 	position: relative;
 	float: left;
-	margin-right: 30px;
-}
-div.torrent_footer > * {
 	height: 18px;
 	width: 32px;
 	cursor: pointer;
@@ -846,6 +850,12 @@ div.torrent_footer > * {
 	-webkit-user-select: none;
 }
 
+div.torrent_footer > #compact-button {
+	margin-left: 10px;
+}
+div.torrent_footer > #prefs-button {
+	float: right;
+}
 div.torrent_footer ul#settings_menu {
 	display: none;
 }