Various interface cleanups.

5 files changed, 92 insertions, 76 deletions

diff --git a/Cydia.app/Test b/Cydia.app/Test
index 5bfd090..c7df4e8 100755
--- a/Cydia.app/Test
+++ b/Cydia.app/Test
@@ -4,5 +4,6 @@ set -e
 rsync -SPaz --copy-links saurik@carrier.saurik.com:menes/cydia/cydia_iphoneos-arm.deb .
 dpkg -i cydia_iphoneos-arm.deb
 touch /tmp/cydia.log
+chown mobile.mobile /tmp/cydia.log
 openURL "${1-cydia://}"
 exec tail /tmp/cydia.log -fn0
diff --git a/Cydia.app/menes/menes.js b/Cydia.app/menes/menes.js
index 70c5c47..2ca5d7d 100644
--- a/Cydia.app/menes/menes.js
+++ b/Cydia.app/menes/menes.js
@@ -190,19 +190,46 @@ $.prototype = {
         });
     },
 
-    append: function (html) {
+    append: function (children) {
+        if ($.type(children) == "string")
+            $.each(this, function (node) {
+                var doc = $.document(node);
+
+                // XXX: implement wrapper system
+                var div = doc.createElement("div");
+                div.innerHTML = children;
+
+                while (div.childNodes.length != 0) {
+                    var child = div.childNodes[0];
+                    node.appendChild(child);
+                }
+            });
+        else
+            $.each(this, function (node) {
+                $.each(children, function (child) {
+                    node.appendChild(child);
+                });
+            });
+    },
+
+    xpath: function (expression) {
+        var value = $([]);
+
         $.each(this, function (node) {
             var doc = $.document(node);
+            var results = doc.evaluate(expression, node, null, XPathResult.ANY_TYPE, null);
+            var result;
+            while (result = results.iterateNext())
+                value.add([result]);
+        });
 
-            // XXX: implement wrapper system
-            var div = doc.createElement("div");
-            div.innerHTML = html;
+        return value;
+    },
 
-            while (div.childNodes.length != 0) {
-                var child = div.childNodes[0];
-                node.appendChild(child);
-            }
-        });
+    clone: function (deep) {
+        return $($.map(this, function (node) {
+            return node.cloneNode(deep);
+        }));
     },
 
     descendants: function (expression) {
diff --git a/Cydia.app/menes/style.css b/Cydia.app/menes/style.css
index b067458..0397b5e 100644
--- a/Cydia.app/menes/style.css
+++ b/Cydia.app/menes/style.css
@@ -55,6 +55,8 @@
     -webkit-border-radius: 0;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
+    -ms-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
     font-family: inherit;
     font-size: 100%;
     font-style: inherit;
@@ -62,9 +64,14 @@
     margin: 0;
     outline: 0;
     padding: 0;
+    text-decoration: none;
     vertical-align: baseline;
 }
 
+a {
+    color: inherit;
+}
+
 sup {
     font-size: smaller;
     margin-top: -6px;
@@ -98,13 +105,8 @@ dialog > panel {
 }
 
 a {
-    color: inherit;
-    text-decoration: none;
-    text-underline-style: dotted;
-}
-
-a {
     color: blue;
+    text-underline-style: dotted;
 }
 
 strong {
@@ -241,13 +243,18 @@ fieldset > div img.icon {
 }
 
 panel > block > p,
-fieldset > div > p {
+fieldset > div > p,
+fieldset > div > ul {
     margin: 11px 0;
-    text-align: center;
 }
 
 fieldset > div > ul {
-    margin-left: -20px;
+    margin-left: 13px;
+}
+
+panel > block > p,
+fieldset > div > p {
+    text-align: center;
 }
 
 fieldset > div > p:first-child,
diff --git a/Cydia.app/package.html b/Cydia.app/package.html
index 2b1aca9..09efc40 100644
--- a/Cydia.app/package.html
+++ b/Cydia.app/package.html
@@ -199,7 +199,6 @@
     </a>
 </fieldset>
 
-<label class="warnings">Warnings</label>
 <fieldset class="warnings" id="warnings">
     <div id="warning">
         <img class="icon" src="warning.png"/>
diff --git a/Cydia.app/storage.html b/Cydia.app/storage.html
index bd208f9..e2347b9 100644
--- a/Cydia.app/storage.html
+++ b/Cydia.app/storage.html
@@ -27,27 +27,23 @@
         }
 
         a.giant-button {
+            background-color: rgba(0, 0, 0, 0.15);
+            -webkit-border-radius: 10px;
             color: #193250;
             display: block;
             margin: 8px 10px;
+            position: relative;
             text-decoration: none;
-        }
-
-        a.giant-button > div.contents {
-            position: absolute;
-            text-align: left;
             width: 300px;
-            -webkit-background-size: 75px auto;
-            z-index: 2;
         }
 
-        a.giant-button > div.contents > piechart {
+        a.giant-button > piechart {
             float: left;
             margin: 10px;
             vertical-align: middle;
         }
 
-        a.giant-button > div.contents > label {
+        a.giant-button > label {
             display: block;
             float: left;
             font-size: 25px;
@@ -57,7 +53,7 @@
             width: 155px;
         }
 
-        a.giant-button > div.contents > div.text {
+        a.giant-button > div.text {
             display: block;
             float: left;
             font-size: 14px;
@@ -71,7 +67,7 @@
             width: 50%;
         }
 
-        a.giant-button > div.contents > div.legend {
+        a.giant-button > div.legend {
             float: left;
             font-size: 14px;
             left: 15px;
@@ -80,12 +76,6 @@
             width: 290px;
         }
 
-        a.giant-button > div.background {
-            background-color: #000000;
-            opacity: 0.15;
-            -webkit-border-radius: 10px;
-        }
-
         div.key {
             margin-bottom: 4px;
         }
@@ -207,48 +197,40 @@
 <dialog>
     <panel>
 
-<a class="giant-button">
-    <div class="contents">
-        <piechart><div>
-            <div id="system-left"></div>
-            <div id="system-right">
-                <div class="lslice"></div>
-                <div class="rslice"></div>
-                <div class="tslice"></div>
-                <div class="bslice"></div>
-            </div>
-            <div class="nslice"><div id="system-size"></div></div>
-        </div></piechart>
-
-        <label>System</label>
-        <div class="text">A small partition used to store iPhone OS. Cydia adds a few important programs and libraries.</div>
-
-        <div class="legend" id="system-legend"></div>
-    </div>
-
-    <div class="background" style="height: 149px"></div>
+<a class="giant-button" style="height: 149px">
+    <piechart><div>
+        <div id="system-left"></div>
+        <div id="system-right">
+            <div class="lslice"></div>
+            <div class="rslice"></div>
+            <div class="tslice"></div>
+            <div class="bslice"></div>
+        </div>
+        <div class="nslice"><div id="system-size"></div></div>
+    </div></piechart>
+
+    <label>System</label>
+    <div class="text">A small partition used to store iPhone OS. Cydia adds a few important programs and libraries.</div>
+
+    <div class="legend" id="system-legend"></div>
 </a>
 
-<a class="giant-button">
-    <div class="contents">
-        <piechart><div>
-            <div id="private-left"></div>
-            <div id="private-right">
-                <div class="lslice"></div>
-                <div class="rslice"></div>
-                <div class="tslice"></div>
-                <div class="bslice"></div>
-            </div>
-            <div class="nslice"><div id="private-size"></div></div>
-        </div></piechart>
-
-        <label>Private</label>
-        <div class="text">Most content is stored on this partition: from applications (Cydia and Apple) to multimedia.</div>
-
-        <div class="legend" id="private-legend"></div>
-    </div>
-
-    <div class="background" style="height: 189px"></div>
+<a class="giant-button" style="height: 189px">
+    <piechart><div>
+        <div id="private-left"></div>
+        <div id="private-right">
+            <div class="lslice"></div>
+            <div class="rslice"></div>
+            <div class="tslice"></div>
+            <div class="bslice"></div>
+        </div>
+        <div class="nslice"><div id="private-size"></div></div>
+    </div></piechart>
+
+    <label>Private</label>
+    <div class="text">Most content is stored on this partition: from applications (Cydia and Apple) to multimedia.</div>
+
+    <div class="legend" id="private-legend"></div>
 </a>
 
     </panel>