update css

templates/base.html

@@ -2,10 +2,13 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
 <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.png') }}">
-<title>{{ config["directory"] }} - {{ cloud_name }}</title>
+<title>{{ cloud_name }} :: {{ config["directory"] }}</title>
 <div id="container">
   <div id="header">
-    <span id="title">{{ config["directory"] }}</span>
+    <div>
+      <span id="cloud-name">{{ cloud_name }} :: </span><span id="directory-name">{{ config["directory"] }}</span>
+    </div>
+    {% block nav_content %}{% endblock %}
   </div>
   <div id="content">
     {% block content %}{% endblock %}

templates/directory.html

@@ -0,0 +1,23 @@
+{% extends "base.html" %}
+{% block nav_content %}
+  {% if config["upload"] %}
+    <div>
+      <form action="/{{ config["directory"] }}" enctype="multipart/form-data" method="post">
+        <label class="button upload">
+          <input type="file" name="file" onchange="this.form.submit()">
+          Upload
+        </label>
+      </form>
+    </div>
+  {% endif %}
+{% endblock %}
+{% block content %}
+  {% for f in files %}
+    <div class="file">
+      <p>{{ f["name"] }}</p>
+      {% if config["download"] %}
+        <a href="{{ config["directory"] }}/{{ f["name"] }}" class="button">Download</a>
+      {% endif %}
+    </div>
+  {% endfor %}
+{% endblock %}

templates/files.html

@@ -1,19 +0,0 @@
-{% extends "base.html" %}
-{% block content %}
-  {% if config["upload"] %}
-    <form action="/{{ config["directory"] }}" enctype="multipart/form-data" method="post">
-      <input type="file" name="file">
-      <input type="submit">
-    </form>
-  {% endif %}
-  <ul>
-    {% for f in files %}
-      <li>
-        <span>{{ f["name"] }} </span>
-        {% if config["download"] %}
-          <a href="{{ config["directory"] }}/{{ f["name"] }}">Download</a>
-        {% endif %}
-      </li>
-    {% endfor %}
-  </ul>
-{% endblock %}