(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 d5aa04e0b917c4fe9bd4d62ca6ce09493d10f549..3e31ec7d53d37c94875262ab894ce948ebeec318 100644 (file)
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 fe9d13500e2686320d9f34a961e1e78f78c6f2e8..ced8d90d181d2ae51b62bf2993b436c6d440f5a4 100755 (executable)
--- 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 8d52f48151074f2b61f121129eafb753909e88bb..ce0c8a628ff896c57c6a5cf492ce04107445a22f 100644 (file)
--- 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 52e68d83cacb0cd4cfb7f777377f73d08e8fc851..f6d87c1d1e02d2c7e94f830af094a3409eb97560 100644 (file)
--- 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;
 }