fix: fix classes #13587

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
    }

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