From 37e17f2198f4629fb7d4ec2ed68d96f664ec55ad Mon Sep 17 00:00:00 2001
From: Christian Weiske <cweiske@cweiske.de>
Date: Tue, 30 Sep 2014 18:07:45 +0200
Subject: [PATCH] style the token list a bit

---
 grauphel.css         | 68 +++++++++++++++++++++++++++++++++++++++++++-
 templates/index.php  |  2 +-
 templates/tag.php    |  2 +-
 templates/tokens.php | 23 ++++++++++++---
 4 files changed, 88 insertions(+), 7 deletions(-)

diff --git a/grauphel.css b/grauphel.css
index e31ed6d..85143f7 100644
--- a/grauphel.css
+++ b/grauphel.css
@@ -1,5 +1,7 @@
 .app-grauphel #app-content {
     box-sizing: border-box;
+}
+.app-grauphel #app-content.content {
     padding: 2ex;
 }
 
@@ -8,6 +10,10 @@
     font-size: 2em;
     margin-bottom: 1ex;
 }
+.app-grauphel #app-content.list h1 {
+    padding: 1ex;
+}
+
 .app-grauphel #app-content h2 {
     font-weight: bold;
     font-size: 150%;
@@ -48,4 +54,64 @@
 .app-grauphel .buttons {
     margin-top: 2ex;
     text-align: center;
-}
\ No newline at end of file
+}
+
+
+/* table style */
+
+table.table {
+    position: relative;
+    width: 100%;
+}
+
+/* make sure there's enough room for the file actions */
+#body-user table.table {
+	min-width: 688px; /* 768 (mobile break) - 80 (nav width) */
+}
+
+table.table tbody tr { background-color:#fff; height:51px; }
+
+/* fit app list view heights */
+/*
+.app-files #app-content>.viewcontainer {
+	min-height: 100%;
+}*/
+
+table.table tbody tr { background-color:#fff; height:40px; }
+table.table tbody tr:hover, tbody tr:active {
+	background-color: rgb(240,240,240);
+}
+table.table tbody tr.selected {
+	background-color: rgb(230,230,230);
+}
+table.table tbody tr.searchresult {
+	background-color: rgb(240,240,240);
+}
+table.table tbody a { color:#000; }
+
+table.table tr.mouseOver td {
+	background-color: #eee;
+}
+table.table th, table th a {
+	color: #999;
+}
+table.table thead th {
+    background-color: white;
+    padding: 15px;
+    height: 50px;
+    box-sizing: border-box;
+    vertical-align: middle;
+}
+
+table.table th, table.table td {
+    border-bottom:1px solid #ddd;
+    text-align:left;
+    font-weight:normal;
+}
+table.table td {
+    padding: 0 15px;
+    border-bottom: 1px solid #eee;
+    font-style: normal;
+    background-position: 8px center;
+    background-repeat: no-repeat;
+}
diff --git a/templates/index.php b/templates/index.php
index e59b381..fb57acd 100644
--- a/templates/index.php
+++ b/templates/index.php
@@ -3,7 +3,7 @@
 <?php /** @var $l OC_L10N */ ?>
 <?php $_['appNavigation']->printPage(); ?>
 
-<div id="app-content">
+<div id="app-content" class="content">
   <div>
     <h1>grauphel - Tomboy notes server</h1>
     <p>
diff --git a/templates/tag.php b/templates/tag.php
index ea80ed0..fec3bc2 100644
--- a/templates/tag.php
+++ b/templates/tag.php
@@ -3,7 +3,7 @@
 <?php /** @var $l OC_L10N */ ?>
 <?php $_['appNavigation']->printPage(); ?>
 
-<div id="app-content">
+<div id="app-content" class="content">
   <h1>Notebook: <?php p($_['tag']); ?></h1>
   <ul>
     <?php foreach ($_['notes'] as $note) { ?>
diff --git a/templates/tokens.php b/templates/tokens.php
index 531883d..4a578f5 100644
--- a/templates/tokens.php
+++ b/templates/tokens.php
@@ -3,11 +3,26 @@
 <?php /** @var $l OC_L10N */ ?>
 <?php $_['appNavigation']->printPage(); ?>
 
-<div id="app-content">
+<div id="app-content" class="list">
   <h1>Manage access tokens</h1>
-  <ul>
+  <table class="table">
+   <thead>
+    <tr>
+     <th>Token</th>
+     <th>Client</th>
+     <th>Last use</th>
+     <th>Actions</th>
+    </tr>
+   </thead>
+   <tbody>
     <?php foreach ($_['tokens'] as $token) { ?>
-      <li data-id="<?php p($token->tokenKey); ?>"><a href="#"><?php p($token->tokenKey); ?></a></li>
+      <tr>
+       <td><?php p($token->tokenKey); ?></td>
+       <td></td>
+       <td></td>
+       <td>Disable Delete</td>
+      </tr>
     <?php } ?>
-  </ul>
+   </tbody>
+ </table>
 </div>
-- 
2.30.2