editor: tweaking main bar ui

diff --git a/src/editor/modules/mainBar/mainBar.less b/src/editor/modules/mainBar/mainBar.less
index 0e2a899..32f18ec 100644 (file)
--- a/src/editor/modules/mainBar/mainBar.less
+++ b/src/editor/modules/mainBar/mainBar.less
@@ -4,7 +4,7 @@
 
 .rng-module-mainBar {
 
-    font-size: 10px;
+    font-size: 11px;
 
     li {
         display: inline;
@@ -13,9 +13,21 @@
         border-style: solid;
         margin: 0 5px 0 0;
         padding: 0 5px 0 0;
+        &:last-child {
+            margin-right: 0;
+            padding-right: 0;
+        }
     }
 
     ul {
         list-style-type: none;
     }
+
+    .top {
+        float:right;
+    }
+
+    .bottom {
+        margin-top: 8px;
+    }
 }
\ No newline at end of file

diff --git a/src/editor/modules/mainBar/template.html b/src/editor/modules/mainBar/template.html
index d4746d2..35082cd 100644 (file)
--- a/src/editor/modules/mainBar/template.html
+++ b/src/editor/modules/mainBar/template.html
@@ -1,9 +1,11 @@
 <div class="rng-module-mainBar">
-    <ul>
+    <div class="top">
+        <%= userName %> (<a href="/"><%= gettext('Exit') %></a>)
+    </div>
+    <div style="clear:both;"></div>
+    <ul class="bottom">
         <li>wersja: <span class="version"></span></li>
         <li><a href="#" data-cmd="drop-draft"><%= gettext('drop a working draft') %></a></li>
-        <li><%= userName %></li>
         <li><button class="btn btn-mini btn-info" data-cmd="save"><%= gettext('Save') %></button></li>
-        <li><a class="btn btn-mini btn-danger" href="/"><%= gettext('Exit') %></a></li>
     </ul>
 </div>
\ No newline at end of file

diff --git a/src/editor/modules/rng/mainLayout.less b/src/editor/modules/rng/mainLayout.less
index ac28f02..f957f0a 100644 (file)
--- a/src/editor/modules/rng/mainLayout.less
+++ b/src/editor/modules/rng/mainLayout.less
@@ -20,7 +20,7 @@
     
     [fnpjs-place="mainView"] {
         position: absolute;
-        top: 0;
+        top: 15px;
         left:0;
         right:0;
         bottom:0;