From 819638f85656d382b58d385712bac52354f702a8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mart=C3=ADn=20Gonz=C3=A1lez?= <m@martingonzalez.net>
Date: Wed, 28 Dec 2016 14:00:51 +0100
Subject: [PATCH] Refine legislation index markup

---
 app/assets/stylesheets/admin.scss             |  9 ++
 .../sandbox/admin_legislation_index.html.erb  | 98 ++++++++++---------
 2 files changed, 59 insertions(+), 48 deletions(-)

diff --git a/app/assets/stylesheets/admin.scss b/app/assets/stylesheets/admin.scss
index 9a464280c..7e8f00d6d 100644
--- a/app/assets/stylesheets/admin.scss
+++ b/app/assets/stylesheets/admin.scss
@@ -428,6 +428,15 @@ table.investment-projects-summary {
 
 // 06. Legislation
 // --------------
+.legislation-process-index {
+  
+  .legislation-process-new {
+    @include breakpoint(medium) {
+      text-align: right;
+    }
+  }
+}
+
 .legislation-process-edit {
   
   .menu .active > a {
diff --git a/app/views/sandbox/admin_legislation_index.html.erb b/app/views/sandbox/admin_legislation_index.html.erb
index 0a3097c62..c054f1548 100644
--- a/app/views/sandbox/admin_legislation_index.html.erb
+++ b/app/views/sandbox/admin_legislation_index.html.erb
@@ -1,50 +1,52 @@
-<div class="row">
-  <div class="small-12 medium-9 column">
-    <h2 class="inline-block">Procesos de legislación colaborativa</h2>
-  </div>
-  <div class="small-12 medium-3 column">
-    <a class="button primary" href="/admin/legislation/processes/new">Nuevo proceso</a>
+<div class="legislation-process-index">
+  <div class="row">
+    <div class="small-12 medium-9 column">
+      <h2 class="inline-block">Procesos de legislación colaborativa</h2>
+    </div>
+    <div class="small-12 medium-3 column legislation-process-new">
+      <a class="button" href="/admin/legislation/processes/new">Nuevo proceso</a>
+    </div>
   </div>
+
+  <ul class="menu simple clear">
+    <li class="sr-only"><span class="translation_missing" title="translation missing: es.admin.legislation.processes.index.filter">Filter</span>: </li>
+        <li class="active">Abiertos</li>
+        <li><a href="/admin/legislation/processes?filter=next&amp;page=1">Próximamente</a></li>
+        <li><a href="/admin/legislation/processes?filter=past&amp;page=1">Pasados</a></li>
+        <li><a href="/admin/legislation/processes?filter=all&amp;page=1">Todos</a></li>
+  </ul>
+
+  <table class="stack">
+    <thead>
+      <tr>
+        <th>Proceso</th>
+        <th>Comentarios</th>
+        <th></th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr id="legislation_process_1">
+        <td class="small-12 medium-8">
+          <a href="/sandbox/admin_legislation_info.html">Licencias urbanísticas, declaraciones responsables y comunicaciones previas</a>
+        </td>
+        <td>
+          <a href="#">123 comentarios</a>
+        </td>
+        <td>
+          <a class="button hollow alert" rel="nofollow" data-method="delete" href="/admin/legislation/processes/1">Borrar</a>
+        </td>
+      </tr>
+      <tr id="legislation_process_1">
+        <td class="small-12 medium-8">
+          <a href="/admin/legislation/processes/1/edit">Licencias urbanísticas, declaraciones responsables y comunicaciones previas</a>
+        </td>
+        <td>
+          <a href="#">123 comentarios</a>
+        </td>
+        <td>
+          <a class="button hollow alert" rel="nofollow" data-method="delete" href="/admin/legislation/processes/1">Borrar</a>
+        </td>
+      </tr>
+    </tbody>
+  </table>
 </div>
-
-<ul class="menu simple clear">
-  <li class="sr-only"><span class="translation_missing" title="translation missing: es.admin.legislation.processes.index.filter">Filter</span>: </li>
-      <li class="active">Abiertos</li>
-      <li><a href="/admin/legislation/processes?filter=next&amp;page=1">Próximamente</a></li>
-      <li><a href="/admin/legislation/processes?filter=past&amp;page=1">Pasados</a></li>
-      <li><a href="/admin/legislation/processes?filter=all&amp;page=1">Todos</a></li>
-</ul>
-
-<table class="stack">
-  <thead>
-    <tr>
-      <th>Proceso</th>
-      <th>Comentarios</th>
-      <th></th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr id="legislation_process_1">
-      <td class="small-12 medium-8">
-        <a href="/admin/legislation/processes/1/edit">Licencias urbanísticas, declaraciones responsables y comunicaciones previas</a>
-      </td>
-      <td>
-        <a href="">123 comentarios</a>
-      </td>
-      <td>
-        <a class="button hollow alert" rel="nofollow" data-method="delete" href="/admin/legislation/processes/1">Borrar</a>
-      </td>
-    </tr>
-    <tr id="legislation_process_1">
-      <td class="small-12 medium-8">
-        <a href="/admin/legislation/processes/1/edit">Licencias urbanísticas, declaraciones responsables y comunicaciones previas</a>
-      </td>
-      <td>
-        <a href="">123 comentarios</a>
-      </td>
-      <td>
-        <a class="button hollow alert" rel="nofollow" data-method="delete" href="/admin/legislation/processes/1">Borrar</a>
-      </td>
-    </tr>
-  </tbody>
-</table>