From 42663774545bb9689f22af96ad7531c8807ee13f Mon Sep 17 00:00:00 2001
From: Daniel Berteaud <daniel@firewall-services.com>
Date: Tue, 17 Jun 2014 23:02:02 +0200
Subject: [PATCH] Better button layout on error page

---
 public/css/vroom.css            |  3 +++
 templates/default/error.html.ep | 23 +++++++++++++----------
 2 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/public/css/vroom.css b/public/css/vroom.css
index 3dc986f..ce3b871 100644
--- a/public/css/vroom.css
+++ b/public/css/vroom.css
@@ -257,6 +257,9 @@
   text-align: justify;
   text-justify: inter-word;
 }
+.btn-full {
+  width: 100% !important;
+}
 html,
 body {
   height: 100%;
diff --git a/templates/default/error.html.ep b/templates/default/error.html.ep
index fada988..d7cc88b 100644
--- a/templates/default/error.html.ep
+++ b/templates/default/error.html.ep
@@ -5,16 +5,19 @@
   <div class="jumbotron alert-danger">
     <h2><%=l 'ERROR_OCCURRED' %></h2>
     <p><%= $msg %></p>
-    <div class="btn-group">
-      <a class="btn btn-primary btn-lg" role="button" href="<%= $self->get_url('/') %>"><%=l 'BACK_TO_MAIN_MENU' %></a>
-      <% if ($err eq 'ERROR_NAME_CONFLICT'){ %>
-      <a class="btn btn-default btn-lg" role="button" href="<%= $self->get_url('/') . $room %>"><%=l 'JOIN_THIS_ROOM' %></a>
-      <% } elsif ($err eq 'WRONG_PASSWORD'){ %>
-      <a class="btn btn-default btn-lg" role="button" href="<%= $self->get_url('/password') . '/' . $room %>"><%=l 'TRY_AGAIN' %></a>
-      <% } elsif ($err eq 'ERROR_ROOM_s_LOCKED' && stash 'ownerPass'){ %>
-      <a class="btn btn-default btn-lg" role="button" href="<%= $self->get_url('/password') . '/' . $room %>"><%=l 'AUTH_IF_OWNER' %></a>
-      <% } elsif ($err eq 'ERROR_ROOM_s_DOESNT_EXIST'){ %>
-      <button class="btn btn-default btn-lg" type="submit" form="createRoom"><%=l 'CREATE_THIS_ROOM' %></button>
+    <div class="row">
+      <div class="col-sm-6 col-lg-4 col-xl-3">
+        <a class="btn btn-primary btn-lg btn-full" role="button" href="<%= $self->get_url('/') %>"><%=l 'BACK_TO_MAIN_MENU' %></a>
+      </div>
+      <div class="col-sm-6 col-lg-4 col-xl-3">
+        <% if ($err eq 'ERROR_NAME_CONFLICT'){ %>
+        <a class="btn btn-default btn-lg btn-full" role="button" href="<%= $self->get_url('/') . $room %>"><%=l 'JOIN_THIS_ROOM' %></a>
+        <% } elsif ($err eq 'WRONG_PASSWORD'){ %>
+        <a class="btn btn-default btn-lg btn-full" role="button" href="<%= $self->get_url('/password') . '/' . $room %>"><%=l 'TRY_AGAIN' %></a>
+        <% } elsif ($err eq 'ERROR_ROOM_s_LOCKED' && stash 'ownerPass'){ %>
+        <a class="btn btn-default btn-lg btn-full" role="button" href="<%= $self->get_url('/password') . '/' . $room %>"><%=l 'AUTH_IF_OWNER' %></a>
+        <% } elsif ($err eq 'ERROR_ROOM_s_DOESNT_EXIST'){ %>
+        <button class="btn btn-default btn-lg btn-full" style="width: 100%" type="submit" form="createRoom"><%=l 'CREATE_THIS_ROOM' %></button>
       <% } %>
     </div>
     <% if ($err eq 'ERROR_ROOM_s_DOESNT_EXIST'){ %>