From 40cbc8a5750654d9a057bfcfb1b60b9e63aba9d7 Mon Sep 17 00:00:00 2001
From: Leonardo Crauss Daronco <leonardodaronco@gmail.com>
Date: Mon, 5 Dec 2016 16:51:13 -0200
Subject: [PATCH] Move the refresh button to be inside the meeting URL input

Less buttons, better interface.
---
 app/assets/stylesheets/landing.scss    | 17 +++++++++++++++++
 app/views/shared/_meeting_url.html.erb | 16 ++++++++--------
 2 files changed, 25 insertions(+), 8 deletions(-)

diff --git a/app/assets/stylesheets/landing.scss b/app/assets/stylesheets/landing.scss
index b53da801..d0cbee70 100644
--- a/app/assets/stylesheets/landing.scss
+++ b/app/assets/stylesheets/landing.scss
@@ -69,3 +69,20 @@
     z-index: 1;
   }
 }
+
+.meeting-url-group {
+  position: relative;
+
+  .generate-link {
+    position: absolute;
+    right: 12px;
+    top: 10px;
+    z-index: 9;
+    color: #999;
+    cursor: pointer;
+
+    &:hover {
+      color: #000;
+    }
+  }
+}
diff --git a/app/views/shared/_meeting_url.html.erb b/app/views/shared/_meeting_url.html.erb
index 5b0124e6..c7dd4cc2 100644
--- a/app/views/shared/_meeting_url.html.erb
+++ b/app/views/shared/_meeting_url.html.erb
@@ -15,16 +15,16 @@ with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
 
 <div <%= "hidden" if hidden %> class="meeting-url-wrapper">
   <div class="input-group">
-    <input type="text" class="form-control meeting-url"/>
-    <span class="input-group-btn">
-
+    <div class="meeting-url-group">
+      <input type="text" class="form-control meeting-url"/>
       <% if params[:action] == 'index' %>
-        <button type="button" class="btn btn-default generate-link has-tooltip"
-          title="<%= t('url_refresh_hint') %>"
-        >
-          <i class="fa fa-refresh" aria-hidden="true"></i>
-        </button>
+        <i class="fa fa-refresh generate-link has-tooltip" aria-hidden="true"
+           title="<%= t('url_refresh_hint') %>"
+        ></i>
       <% end %>
+    </div>
+
+    <span class="input-group-btn">
 
       <button type="button" class="btn btn-default meeting-url-copy has-tooltip"
         title="<%= t('url_copy_explanation') %>"