From d042684bddb8e8aa53263e23d491e1049648916c Mon Sep 17 00:00:00 2001
From: Knut Ahlers <knut@ahlers.me>
Date: Sun, 15 Jan 2017 12:04:23 +0100
Subject: [PATCH] UI improvements

---
 index.html | 43 ++++++++++++++++++++++++++++++++-----------
 1 file changed, 32 insertions(+), 11 deletions(-)

diff --git a/index.html b/index.html
index b806d51..7721ab3 100644
--- a/index.html
+++ b/index.html
@@ -58,7 +58,10 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" href="#">Pa<em>S(t)<strong>3</strong></em></a>
+          <a class="navbar-brand" href="#">
+            <i class="fa fa-clipboard"></i>
+            Pa<em>S(t)<strong>3</strong></em>
+          </a>
         </div>
 
         <!-- Collect the nav links, forms, and other content for toggling -->
@@ -76,13 +79,22 @@
       <div class="row">
 
         <div class="col-md-3">
-          <div class="list-group" id="fileList">
-            <!--
-            <a href="#" class="list-group-item active">
-              <span class="badge">2006-01-02 15:04:05</span>
-              README.md
-            </a>
-            -->
+          <div class="panel panel-default">
+            <div class="panel-heading">
+              <i class="fa fa-files-o"></i> Files in your namespace
+            </div>
+            <div class="panel-body">
+
+              <div class="list-group" id="fileList">
+                <!--
+                <a href="#" class="list-group-item active">
+                  <span class="badge">2006-01-02 15:04:05</span>
+                  README.md
+                </a>
+                -->
+              </div>
+
+            </div>
           </div>
         </div>
 
@@ -91,7 +103,7 @@
             <div class="col-md-10">
               <div class="form-group">
                 <div class="input-group">
-                  <div class="input-group-addon">Filename</div>
+                  <div class="input-group-addon"><i class="fa fa-tag"></i> Filename</div>
                   <input type="text" class="form-control" id="filename" placeholder="untitled">
                 </div>
               </div>
@@ -106,7 +118,7 @@
             <div class="col-md-10">
               <div class="form-group">
                 <div class="input-group">
-                  <div class="input-group-addon">File-URL</div>
+                  <div class="input-group-addon"><i class="fa fa-link"></i> File-URL</div>
                   <input type="text" class="form-control" id="file-url" placeholder="n/a" readonly>
                 </div>
               </div>
@@ -125,7 +137,16 @@
 
           <div class="row">
             <div class="col-md-12">
-              <textarea style="height:100%;width:100%;" id="editor"></textarea>
+
+              <div class="panel panel-default">
+                <div class="panel-heading">
+                  <i class="fa fa-file-text-o"></i> File content
+                </div>
+                <div class="panel-body">
+                  <textarea style="height:100%;width:100%;" id="editor"></textarea>
+                </div>
+              </div>
+
             </div>
           </div>
         </div> <!-- /.col-md-9 -->