From 1465d1a64e7497fdebe73e2f5f8e12613f5640d2 Mon Sep 17 00:00:00 2001
From: Christian Glatthard <christian.glatthard@students.fhnw.ch>
Date: Wed, 12 Aug 2015 19:32:00 +0200
Subject: [PATCH] nicer button placement

---
 .../web/collaborationgroups/manage.html       | 60 +++++++++----------
 ipynbsrv/web/templates/web/shares/manage.html | 13 ++--
 2 files changed, 36 insertions(+), 37 deletions(-)

diff --git a/ipynbsrv/web/templates/web/collaborationgroups/manage.html b/ipynbsrv/web/templates/web/collaborationgroups/manage.html
index 207d20b..5057dfc 100644
--- a/ipynbsrv/web/templates/web/collaborationgroups/manage.html
+++ b/ipynbsrv/web/templates/web/collaborationgroups/manage.html
@@ -10,34 +10,36 @@
 
 {% block content %}
 <div class="row">
-    <div class="col-xs-12">
+    <div class="col-xs-12 ">
         {% include 'web/snippets/messages.html' with messages=messages only %}
 
         <h1>Group</h1>
+        <fieldset class="btn-create pull-right">
         {% if request.user.backend_user.id in group.admins or request.user.backend_user.id == group.creator.id %}
-        <form action="{% url 'group_delete' %}" method="POST" role="form">
-            {% csrf_token %}
-            <input type="hidden" name="group_id" value="{{ group.id }}">
-            <button class="btn btn-danger btn-delete pull-right" title="Delete this group?" data-toggle="confirmation" data-placement="bottom">Delete Group
-            </button>
-        </form>
-        {% endif %}
-        {% if request.user.backend_user.id not in group.member_ids and group.is_public %}
-        <form action="{% url 'group_join' %}" method="POST" role="form">
-            {% csrf_token %}
-            <input type="hidden" name="group_id" value="{{ group.id }}">
-            <button class="btn btn-primary btn-delete pull-right" title="Join this public group?" data-toggle="confirmation" data-placement="bottom">Join Group
-            </button>
-        </form>
-        {% endif %}
-        {% if request.user.backend_user.id in group.member_ids and request.user.backend_user.id != group.creator.id and group.creator %}
-        <form action="{% url 'group_leave' %}" method="POST" role="form">
-            {% csrf_token %}
-            <input type="hidden" name="group_id" value="{{ group.id }}">
-            <button class="btn btn-warning btn-delete pull-right" title="Leave this public group?" data-toggle="confirmation" data-placement="bottom">Leave Group
-            </button>
-        </form>
+            <form action="{% url 'group_delete' %}" method="POST" role="form">
+                {% csrf_token %}
+                <input type="hidden" name="group_id" value="{{ group.id }}">
+                <button class="btn btn-danger" title="Delete this group?" data-toggle="confirmation" data-placement="bottom">Delete Group
+                </button>
+            </form>
+            {% endif %}
+            {% if request.user.backend_user.id not in group.member_ids and group.is_public %}
+            <form action="{% url 'group_join' %}" method="POST" role="form">
+                {% csrf_token %}
+                <input type="hidden" name="group_id" value="{{ group.id }}">
+                <button class="btn btn-primary" title="Join this public group?" data-toggle="confirmation" data-placement="bottom">Join Group
+                </button>
+            </form>
+            {% endif %}
+            {% if request.user.backend_user.id in group.member_ids and request.user.backend_user.id != group.creator.id and group.creator %}
+            <form action="{% url 'group_leave' %}" method="POST" role="form">
+                {% csrf_token %}
+                <input type="hidden" name="group_id" value="{{ group.id }}">
+                <button class="btn btn-warning" title="Leave this public group?" data-toggle="confirmation" data-placement="bottom">Leave Group
+                </button>
+            </form>
         {% endif %}
+        </fieldset>
 
         <table class="table">
             <thead>
@@ -58,13 +60,11 @@ <h1>Group</h1>
         </table>
 
         <h2>Members</h2>
-        <div class="row" style="margin-bottom: 20px">
-            {% if request.user.backend_user.id in group.admins or request.user.backend_user.id == group.creator.id %}
-            <form role="form" class="col-xs-12">
-                <button type="button" class="btn btn-primary btn-add pull-right" data-toggle="modal" data-target="#modal-group-addusers">Add Users</button>
-            </form>
-            {% endif %}
-        </div>
+        {% if request.user.backend_user.id in group.admins or request.user.backend_user.id == group.creator.id %}
+        <form role="form">
+            <button type="button" class="btn btn-primary btn-create pull-right" data-toggle="modal" data-target="#modal-group-addusers">Add Users</button>
+        </form>
+        {% endif %}
         <table class="table table-hover table-striped js-table-smart" cellspacing="0" width="100%">
             <thead>
                 <tr>
diff --git a/ipynbsrv/web/templates/web/shares/manage.html b/ipynbsrv/web/templates/web/shares/manage.html
index d80a65e..01eb763 100644
--- a/ipynbsrv/web/templates/web/shares/manage.html
+++ b/ipynbsrv/web/templates/web/shares/manage.html
@@ -18,7 +18,7 @@ <h1>Share</h1>
         <form action="{% url 'share_delete' %}" method="POST" role="form">
             {% csrf_token %}
             <input type="hidden" name="share_id" value="{{ share.id }}">
-            <button class="btn btn-danger btn-delete pull-right" title="Delete this share?" data-toggle="confirmation" data-placement="bottom">Delete Share
+            <button class="btn btn-danger btn-create pull-right" title="Delete this share?" data-toggle="confirmation" data-placement="bottom">Delete Share
             </button>
         </form>
         {% endif %}
@@ -57,9 +57,9 @@ <h1>Share</h1>
 
         {% if request.user.backend_user.id == share.owner.id %}
             <h2>Shared with...</h2>
-            <div class="row" style="margin-bottom: 20px">
-                <form role="form" class="col-xs-12">
-                    <fieldset class="pull-right">
+                
+                <fieldset class="pull-right btn-create">
+                    <form role="form">
                         <button type="button" class="btn btn-primary btn-adduser" data-toggle="modal" data-target="#modal-share-adduser">
                             Add user
                         </button>
@@ -72,9 +72,8 @@ <h2>Shared with...</h2>
                             Add group
                         </button>
                         {% endif %}
-                    </fieldset>
-                </form>
-            </div>
+                    </form>
+                </fieldset>
             <table class="table table-hover table-striped js-table-smart" cellspacing="0" width="100%">
                 <thead>
                     <tr>