From 2ea9a480a395918c74ae7bfbaea30099899a254e Mon Sep 17 00:00:00 2001
From: Stefan Bethge <stefan+github@lanpartei.de>
Date: Sat, 18 Jul 2015 00:13:17 +0200
Subject: [PATCH] improve some looks

---
 .../accounts/star/permissions/create.html     |  2 +-
 .../banks/star/accounts/star/views/list.html  |  4 +--
 src/main/webapp/media/css/website.css         | 30 ++++++++++---------
 src/main/webapp/media/js/views.js             | 12 ++++----
 4 files changed, 25 insertions(+), 23 deletions(-)

diff --git a/src/main/webapp/banks/star/accounts/star/permissions/create.html b/src/main/webapp/banks/star/accounts/star/permissions/create.html
index 23f3714b..0267a426 100644
--- a/src/main/webapp/banks/star/accounts/star/permissions/create.html
+++ b/src/main/webapp/banks/star/accounts/star/permissions/create.html
@@ -57,7 +57,7 @@ Berlin 13359, Germany
         </tr>
       
       <tr>
-        <td><input class="create-permission" type="submit" value="Create"></td>
+       <td></td><td><input class="create-permission" type="submit" value="Create"></td>
       </tr>
     </tbody></table>
 	</form>
diff --git a/src/main/webapp/banks/star/accounts/star/views/list.html b/src/main/webapp/banks/star/accounts/star/views/list.html
index 5131075e..acae9d11 100644
--- a/src/main/webapp/banks/star/accounts/star/views/list.html
+++ b/src/main/webapp/banks/star/accounts/star/views/list.html
@@ -39,7 +39,7 @@ See views.js for the javascript which manipulates the DOM for editing
 
 <div class="lift:surround?with=default;at=content">
   <div class="views">
-    <div>
+    <div class="action-bar">
       <button id="view-add">Add new view</button>
       <div id="add-view-form" class="lift:ViewsOverview.setupAddView">
         <form class="lift:form.ajax">
@@ -47,7 +47,6 @@ See views.js for the javascript which manipulates the DOM for editing
           <input type="submit" value="placeholder">
         </form>
       </div>
-      <button id="view-edit-advanced-options">Show advanced options</button>
       <button id="account-edit-label">Change account label</button>
       <div id="account-edit-label-form" class="lift:ViewsOverview.setupEditLabel">
         <form class="lift:form.ajax">
@@ -55,6 +54,7 @@ See views.js for the javascript which manipulates the DOM for editing
           <input type="submit" value="placeholder">
         </form>
       </div>
+      <button id="view-edit-advanced-options">Hide advanced options</button>
     </div>
     <div class="lift:ViewsOverview.getTableContent">
       <table id="view_table">
diff --git a/src/main/webapp/media/css/website.css b/src/main/webapp/media/css/website.css
index 61f2e9f5..c8d11d30 100644
--- a/src/main/webapp/media/css/website.css
+++ b/src/main/webapp/media/css/website.css
@@ -872,8 +872,8 @@ span#accountsMsg
 
 #feedback .feedback-slider {
   display:block;
-  width: 20px;
-  height: 100%;
+  width:20px;
+  height:100%;
   background-repeat: no-repeat;
   background-size: 15px;
   background-position: 50%;
@@ -900,6 +900,7 @@ a.otherAccountLinkForAlias{
   display: inline-block;
   margin-top: 10px;
   margin-bottom: 20px;
+  font-size: 15px;
 }
 
 
@@ -921,26 +922,27 @@ td.main-attributes{
   font-size: 18px;
 }
 
-.advanced-option {
-  display: none;
-}
-
 .desc_input {
   display: none;
 }
 
-#view-edit-advanced-options {
-  margin: 10px;
-}
-
-#add-view-form, #account-edit-label-form {
-  display: none;
-}
-
 td.imageURL {
   max-width: 200px;
 }
 
 td.imageURL span.text {
   word-wrap: break-word;
+}
+
+div.views .action-bar {
+  padding: 5px 0px 15px 0px;
+}
+
+#view-edit-advanced-options {
+  float: right;
+  display: inline-block;
+}
+
+#add-view-form, #account-edit-label-form {
+  display: none;
 }
\ No newline at end of file
diff --git a/src/main/webapp/media/js/views.js b/src/main/webapp/media/js/views.js
index e8b57c40..24800c3a 100644
--- a/src/main/webapp/media/js/views.js
+++ b/src/main/webapp/media/js/views.js
@@ -3,13 +3,13 @@ $(document).ready(function(){
   $('#view-edit-advanced-options').click(function(){
     var thisButton = $(this)
 	var showButtonText = "Show advanced options"
-	  
+
+	$('.advanced-option').toggle();
+
 	if(thisButton.text() === showButtonText) {
-	  $('.advanced-option').show();
-	  thisButton.text("Hide advanced options");
-	  } else {
-	    $('.advanced-option').hide();
-	    thisButton.text(showButtonText);
+      thisButton.text("Hide advanced options");
+	} else {
+      thisButton.text(showButtonText);
 	}
   })