update preview

1 files changed, 32 insertions, 22 deletions

diff --git a/templates/news/preview.html b/templates/news/preview.html
index 0127f4c..0580910 100644
--- a/templates/news/preview.html
+++ b/templates/news/preview.html
@@ -1,26 +1,36 @@
 {% extends 'layout.html' %}
 
 {% block content %}
-<p class="info">
-  Vous pouvez consulter la <a href="http://aful.org/wikis/interop/ReStructuredText">page d'aide</a> pour obtenir de l'aide sur la syntaxe et les commandes de mise en forme disponibles.
-</p>
-<h2>Aperçu de l'actualité</h2>
-<h1>{{news.title}}</h1>
-<div class="news_content">
-{{news.content_cache|safe}}
-</div>
-<hr/>
-<h2>Ajouter une actualité</h2>
-<form class="news_add" action="{{ url_for('add_news')}}" method="post">
-  <p>
-    <label for="title">Titre :</label>
-    <input id="title" type="text" name="title" size="64" value="{{news.title}}"/>
-  </p>
-  <label for="content">Contenu :</label>
-  <textarea rows="25" name="content">{{news.content}}</textarea>
-  <p class="submit">
-    <input type="submit" name="Add" value="Ajouter" />
-    <input type="submit" name="Preview" value="Aperçu" />
-  </p>
-</form>
+<div class="main row">
+  <div class="col-md-10">
+    <p class="info">
+      Vous pouvez consulter la <a href="http://aful.org/wikis/interop/ReStructuredText">page d'aide</a> pour obtenir de l'aide sur la syntaxe et les commandes de mise en forme disponibles.
+    </p>
+    <h2>Aperçu de l'actualité</h2>
+    <h1>{{news.title}}</h1>
+    <div class="news_content">
+      {{news.content_cache|safe}}
+    </div>
+    <hr/>
+    <h2>Ajouter une actualité</h2>
+    <form class="news_add form-horizontal" action="{{ url_for('add_news')}}" method="post">
+      <div class="form-group">
+        <label for="title" class="col-md-2">Titre :</label>
+        <div class="col-md-8">
+          <input id="title" type="text" name="title" class="form-control" value="{{news.title}}"/>
+        </div>
+      </div>
+      <div class="form-group">
+        <label for="content" class="col-md-2">Contenu :</label>
+        <div class="col-md-8">
+          <textarea rows="15" name="content" class="form-control">{{news.content}}</textarea>
+        </div>
+      </div>
+      <div class="col-md-offset-2">
+        <button type="submit" class="btn btn-primary"
+                name="Add">Ajouter</button>
+        <button type="submit" class="btn btn-primary"
+                name="Preview">Aperçu</button>
+      </div>
+    </form>
 {% endblock %}