Improve document tabs and allow user to create new documents manually

index.html

@@ -74,11 +74,16 @@
           * FSMDocument tabs
           */
 
+        .document-tabs-container {
+            overflow-x: auto;
+        }
+
         #document-tabs {
             list-style: none;
             padding: 0;
             margin: 0;
             height: 44px;
+            white-space: nowrap;
         }
 
         #document-tabs .document-tab {
@@ -86,6 +91,7 @@
             border: 1px solid rgba(0, 0, 0, .33);
             margin: 0;
             padding: 8px 16px;
+            cursor: pointer;
         }
 
         #document-tabs .document-tab:first-child {
@@ -204,13 +210,15 @@
 
 <div class="container">
 
-    <nav>
+    <nav class="document-tabs-container">
         <ul id="document-tabs">
         </ul>
     </nav>
 
     <div class="action-buttons">
 
+        <button class="btn action-button" id="addBtn"><i class="fa fa-plus"></i> Neu</button>
+
         <button class="btn action-button" id="saveBtn"><i class="fa fa-save"></i> Speichern</button>
 
         <button class="btn action-button" id="openBtn"><i class="fa fa-folder-open"></i> Öffnen</button>