style index

code/static/css/styles.css

@@ -17,7 +17,31 @@ a:link {
     color: slategray;
 }
 
+#page {
+   padding-bottom:60px;
+}
+#footer {
+   position: absolute;
+   bottom: 0;
+   width: 80vw;
+   height: 23px;
+   background: #f3f3fb;
+   text-align: center;
+   padding-top: 7px;
+}
+td,th {
+  min-width: 10em;
+  padding-right: 2em;
+  padding-top: 0.2em;
+  padding-bottom: 0.2em;
+}
+tr:nth-child(even) {
+  background: #f3f3fb
+}
 
+.td_right {
+  text-align: right;
+}
 
 /* list view */
 
@@ -38,16 +62,18 @@ a:link {
 }
 #list_table {
   border-collapse: collapse;
-}
+  margin-left: 2em;
-td {
-  min-width: 10em;
-  padding: 0px;
-}
-tr:nth-child(even) {
-  background: #f3f3fb
 }
 
+/* index */
 
-.td_right {
+#index_title {
-  text-align: right;
+  float:left;
+  margin-left: 5em;
+}
+
+#index_table {
+  border-collapse: collapse;
+  margin-left: 2em;
+  font-size: medium;
 }

code/templates/index.html

@@ -1,16 +1,18 @@
 {% extends "layout.html" %}
 {% block body %}
-  <table class=entriesall>
+  <div id=index_title><h1>Flees</h1></div>
+  <div class=clear></div>
+  <table id=index_table>
    <tr>
-    <th>name
+    <th>Name
-    <th>expires
+    <th class=td_right>Expires
-    <th>upload
+    <th class=td_right>Upload
    </tr>
   {% for entry in entries %}
     <tr>
       <td><a href="{{ url_for('list_view',name=entry.name) }}">{{ entry.name }}</a>
-      <td>{{ entry.expire|safe }}
+      <td class=td_right>{% if entry.expire %}{{ entry.expire|safe }}{% else %}-{% endif %}
-      <td>{{ entry.upload|safe }}
+      <td class=td_right>{% if entry.upload %}yes{% else %}no{% endif %}
   {% else %}
     <li>no shares
   {% endfor %}

code/templates/layout.html

@@ -11,5 +11,6 @@
 {% endfor %}
 {% block body %}{% endblock %}
 </div>
+<div id=footer><a href="http://bitbucket.org/MoonQ/flees">Flees</a></div>
 </body>