webapps.pastebin: better css for iphones

diff --git a/extra/webapps/pastebin/pastebin.css b/extra/webapps/pastebin/pastebin.css
index ba9cb1fad09e0e843672979f4148dfe0374448d8..c6ed1b78f26b92c28d2d95a48d37c6fe46007290 100644 (file)
--- a/extra/webapps/pastebin/pastebin.css
+++ b/extra/webapps/pastebin/pastebin.css
@@ -9,13 +9,11 @@ pre.code {
 table {
     border-collapse: collapse;
     table-layout: fixed;
-    width: 100%;
 }
 
 table td {
     padding: 5px;
     word-wrap: break-word;
-    width: 33%;
 }
 
 table th {
@@ -26,3 +24,10 @@ table tr:hover {
     background-color: #f5f5f5;
 }
 
+@media screen and (max-width: 480px) {
+
+    th:nth-of-type(3), td:nth-of-type(3) {
+        display: none;
+    }
+}
+

diff --git a/extra/webapps/pastebin/pastebin.xml b/extra/webapps/pastebin/pastebin.xml
index 18fdcb3843a637532a68f65247a75d452cc13ccf..0dcebe825136e51c89598e9352aeab3a77ca7527 100644 (file)
--- a/extra/webapps/pastebin/pastebin.xml
+++ b/extra/webapps/pastebin/pastebin.xml
@@ -6,14 +6,14 @@
 
        <table width="100%">
                <tr>
-                       <th align="left" width="50%">Summary</th>
-                       <th align="left" width="100">Username</th>
+                       <th align="left" width="60%">Summary</th>
+                       <th align="left" width="150">Username</th>
                        <th align="left" width="200">Date</th>
                </tr>
 
                <t:bind-each t:name="pastes">
                        <tr>
-                               <td width="100%"><t:a t:href="$pastebin/paste" t:query="id"><t:label t:name="summary" /></t:a></td>
+                               <td><t:a t:href="$pastebin/paste" t:query="id"><t:label t:name="summary" /></t:a></td>
                                <td><t:label t:name="author" /></td>
                                <td style="white-space: nowrap"><t:label t:name="date" /></td>
                        </tr>