grilla de diseños closes #139

app/assets/stylesheets/application.scss

@@ -262,3 +262,13 @@ svg {
     height: 1rem;
   }
 }
+
+.custom-control-label {
+  font-weight: bold;
+}
+
+.designs {
+  .design {
+    margin-top: 1rem;
+  }
+}

app/views/sites/_form.haml

@@ -36,18 +36,20 @@
   .form-group
     %h2= t('.design.title')
     %p.lead= t('.help.design')
-    .row
+    .row.designs
       -# Demasiado complejo para un f.collection_radio_buttons
-      - Design.all.each do |design|
+      - Design.all.find_each do |design|
-        .col-md-4
+        .design.col-md-4.d-flex.flex-column
-          %h3
+          .custom-control.custom-radio
             = f.radio_button :design_id, design.id,
               checked: design.id == site.design_id,
               disabled: design.disabled,
-              required: true
+              required: true, class: 'custom-control-input'
-            = f.label "design_id_#{design.id}", design.name
+            = f.label "design_id_#{design.id}", design.name,
-          = sanitize_markdown design.description,
+              class: 'custom-control-label'
-            tags: %w[p a strong em]
+          .flex-fill
+            = sanitize_markdown design.description,
+              tags: %w[p a strong em]
 
           .btn-group{ role: 'group', 'aria-label': t('.design.actions') }
             - if design.url

config/locales/en.yml

@@ -317,7 +317,7 @@ en:
         title: 'Design'
         actions: 'Information about this design'
         url: 'Demo'
-        licencia: 'Read the license'
+        licencia: 'License'
       licencia:
         title: 'License for the site and everything published on it'
         url: 'Read the license'

config/locales/es.yml

@@ -325,7 +325,7 @@ es:
         title: 'Diseño'
         actions: 'Información sobre este diseño'
         url: 'Demostración'
-        license: 'Leer la licencia'
+        license: 'Licencia'
       licencia:
         title: 'Licencia del sitio y todo lo publicado'
         url: 'Leer la licencia'