diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss index 978df382..5c50aca5 100644 --- a/app/assets/stylesheets/application.scss +++ b/app/assets/stylesheets/application.scss @@ -296,7 +296,8 @@ svg { .custom-control-design { border: 1px solid magenta; - padding:7px 15px 2px; + padding:2px 15px 0px; + margin-bottom: -1px; } .custom-control-label { @@ -343,7 +344,7 @@ svg { font-size: 2em; position: absolute; left: 97%; - bottom: 55%; + bottom: 46%; transform: rotate(55deg); color: magenta } diff --git a/app/views/sites/_designs.haml b/app/views/sites/_designs.haml index 17e2aa38..930277af 100644 --- a/app/views/sites/_designs.haml +++ b/app/views/sites/_designs.haml @@ -12,7 +12,7 @@ .col-md-3.designlist %h2.pb-3= t('.selector') - @designs.each do |design| - .design.col.d-flex.flex-column.custom-control-design{"data-controller" => "designs"} + .col.d-flex.flex-column.custom-control-design{"data-controller" => "designs"} %div{"data-designs-target" => "radio", "data-action" => "click->designs#selection"} = f.radio_button :design_id, design.id, checked: design.id == site.design_id, @@ -23,8 +23,6 @@ .flex-fill.f-3 = sanitize_markdown design.description, tags: %w[p a strong em] - - .col-md-6.designlist %h2.text-center.pb-3= t('.preview') .embed-responsive.embed-responsive-1by1 @@ -36,8 +34,7 @@ %p.design 2. Sofware libre - Licencia GPL %p.design 3. Compatible con la web distribuida %br - -# %button.btn.btn-primary.btn-lg.btn-block{type: "button"}= t('.source_code') - %a.btn.btn-primary.btn-lg.btn-block.mt-4{role: "button", href: "sutty.nl"}= t('.source_code') + %a.btn.btn-primary.btn-lg.mt-4{role: "button", href: "sutty.nl"}= t('.source_code') -# Tablet and mobile views with 1 columns and accordion .row.d-lg-none @@ -48,8 +45,8 @@ - @designs.each do |design| %details.styled %summary.custom-control-design - %h5.font-weight-bolder - #{design.name} - %br #{design.description} + %h5.font-weight-bolder.pt-2 - #{design.name} + .pb-2 #{design.description} .col %h1.text-center.font-weight-bolder.pb-3= t('.preview') .embed-responsive.embed-responsive-1by1