From 418b079b7c74b02ebadee13bcfdfdcd40032b7ff Mon Sep 17 00:00:00 2001
From: JLBarbie <jeanlaurent.barbie@gmail.com>
Date: Sun, 24 Sep 2017 14:09:11 +0200
Subject: [PATCH] =?UTF-8?q?Fix:=20responsivit=C3=A9=20sur=20la=20page=20ho?=
 =?UTF-8?q?me?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 views/home.tt         | 42 +++++++++++++++++++++++++++---------------
 views/layouts/main.tt | 19 +++++++++++--------
 views/sidebar.tt      |  2 +-
 3 files changed, 39 insertions(+), 24 deletions(-)

diff --git a/views/home.tt b/views/home.tt
index b6c0abb..064e5fd 100644
--- a/views/home.tt
+++ b/views/home.tt
@@ -6,7 +6,7 @@
 
 
     <div class="row">
-        <div class="col-sm-5">
+        <div class="col-md-12">
             <% IF domains && domains.size %>
             <h3>Vos domaines</h3>
             <table class="table">
@@ -35,20 +35,21 @@
             <p class="text-danger">Pas encore de nom de domaine ?</p>
             <p>Réservez-en un ! \o/</p>
             <% END %>
+        </div>
+    </div>
 
+    <div class="row">
+        <div class="col-md-12">
             <h3>Nouveau domaine</h3>
             <hr />
             <form class="form-inline" role="form" action='/domain/add/' method="post">
-                <div class="input-group">
                     <div class="form-group">
-                <% IF domainName.defined %>
-                <input  size="15" class="form-control" type='text' name='domain' value="<% domainName %>" />
-                <% ELSE %>
-                <input  size="15" class="form-control" type='text' name='domain' placeholder='domaine' />
-                <% END %>
-                    </div>
+                        <% IF domainName.defined %>
+                        <input  size="15" class="form-control" type='text' name='domain' value="<% domainName %>" />
+                        <% ELSE %>
+                        <input  size="15" class="form-control" type='text' name='domain' placeholder='domaine' />
+                        <% END %>
 
-                    <div class="form-group">
                         <select name='tld' class='form-control' >
                             <% FOREACH dom in provideddomains %>
                             <option><% dom %></option>
@@ -57,22 +58,31 @@
                     </div>
                     <input type='submit' name='submit' value="Créer mon domaine!"
                                                        class='btn btn-primary' />
-                </div>
             </form>
+        </div>
+    </div>
 
-            <br/>
+    <br/>
 
+    <!-- Mot de passe -->
+    <div class="row">
+        <div class="col-md-12">
             <h3>Nouveau mot de passe</h3>
             <hr />
-            <form class="form" action='/user/changepasswd' method="post" >
-                <input type='password' name='password'/>
+            <form class="form-inline" action='/user/changepasswd' method="post" >
+                <div class="form-group">
+                <input class="form-control" type='password' name='password'/>
                 <input type='submit' name='submit' value="Changer mon mot de passe"
                                                    class='btn btn-primary' />
+                </div>
             </form>
-
         </div>
+    </div>
 
-        <div class="col-sm-5 col-sm-offset-1">
+    <br/>
+
+    <div class="row">
+        <div class="col-md-5 col-xs-12">
             <h3>Rappels sur l'administration d'un domaine</h3>
             <ul>
                 <li>
@@ -87,7 +97,9 @@
                     </ul>
                 </li>
             </ul>
+        </div>
 
+        <div class="col-md-5 col-sm-offset-1 col-xs-12">
             <h3>Les mises à jour automatiques</h3>
             <p>Si vous souhaitez une mise à jour de l'adresse IP indiquée dans votre zone, aucun problème !
             <a href='https://git.karchnu.fr/Karchnu/dnsmanager/raw/0c0cedddb0aea0cfe2fb546b01e5862b4d613fe5/cli/daemon/daemon.pl' >Téléchargez l'application</a> (clic droit, enregistrer sous), modifiez le fichier pour y mettre vos informations puis appelez ce programme régulièrement.
diff --git a/views/layouts/main.tt b/views/layouts/main.tt
index 7d8b0de..4937a45 100644
--- a/views/layouts/main.tt
+++ b/views/layouts/main.tt
@@ -17,16 +17,19 @@
 
     <body>
 
-        <% content %>
-
-        <div class="row">
-            <div class="col-sm-8 col-sm-offset-3">
-                <div class="well" id="footer">
-                    Fièrement aidé par <a href="http://perldancer.org/">Dancer</a> <% dancer_version %> ♥<br/>
-                    Le code est disponible <a href="https://github.com/KaneRoot/dnsmanager">ici</a> ! \o/
+        <div class="container">
+            <% content %>
+            
+            <div class="row">
+                <div class="col-md-12">
+                    <div class="well" id="footer">
+                        Fièrement aidé par <a href="http://perldancer.org/">Dancer</a> <% dancer_version %> ♥<br/>
+                        Le code est disponible <a href="https://github.com/KaneRoot/dnsmanager">ici</a> ! \o/
+                    </div>
                 </div>
             </div>
-        </div>
+        </div> <!-- Fin du container footer -->
+
     </body>
 
 </html>
diff --git a/views/sidebar.tt b/views/sidebar.tt
index fe55026..66f1eaf 100644
--- a/views/sidebar.tt
+++ b/views/sidebar.tt
@@ -1,5 +1,5 @@
 <div class="row">
-<div class="col-sm-2 col-sm-offset-1">
+<div class="col-sm-3 col-xs-12">
 
     <div class="panel panel-primary">
         <div class="panel-heading">