change styles

openpoke · Aug 9, 2023 · 6a809e2 · 6a809e2
1 parent b6b590a
commit 6a809e2
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 54 deletions.
diff --git a/app/cells/decidim/newsletter_agenda/agenda_events/themes/capitalitat.erb b/app/cells/decidim/newsletter_agenda/agenda_events/themes/capitalitat.erb
@@ -1,4 +1,9 @@
 <style>
+  table.container {
+    max-width: 800px !important;
+    width: 100%;
+  }
+
   table.container th {
     padding-left: 0;
     padding-right: 0;
@@ -34,6 +39,7 @@
   .footer-social {
     vertical-align: middle;
     text-align: left;
+    margin-top: 10px;
   }
 
   .footer-social__icon {
@@ -49,14 +55,28 @@
 
   .footer-logos img {
     width: auto;
-    height: 30px;
+    height: 40px;
   }
 
   @media only screen and (max-width: 400px) {
-    td[class="footer-box"] {
-      display: block;
+    td.mobile-responsive {
+      width: 100% !important;
+      display: block !important;
+      margin: 0 auto !important;
+    }
+
+    .mobile-responsive img {
       width: 100% !important;
-      box-sizing: border-box;
+      height: auto !important;
+    }
+
+    .footer-logo {
+      padding-top: 20px !important;
+    }
+
+    .footer-logo img {
+      height: 40px !important;
+      width: auto;
     }
   }
 </style>
@@ -112,7 +132,7 @@
                   <tr>
                 <% end %>
 
-                <td style="width: 50%; vertical-align: top; padding: 0 8px;">
+                <td class="mobile-responsive" style="width: 50%; vertical-align: top; padding: 0 8px;">
                   <table width="100%" border="0" cellspacing="0" cellpadding="0">
                     <tr>
                       <td>
@@ -168,12 +188,13 @@
             <%= translated_text_for :footer_title %>
           </td>
         </tr>
+        <!--Footer boxes-->
         <tr>
           <td style="padding: 32px;">
             <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                 <% (1..3).each do |num| %>
-                  <td class="footer-box" style="width: 33.33%; vertical-align: top; padding: 0 8px;">
+                  <td class="mobile-responsive" style="width: 33.33%; vertical-align: top; padding: 0 8px;">
                     <!-- Image -->
                     <% if has_image?("footer_box_image_#{num}") %>
                       <%= image_tag(image_url("footer_box_image_#{num}", resize_to_fill: [198, 132])) %>
@@ -230,7 +251,7 @@
             <table width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: <%= background_color %>">
               <tr>
                 <!-- Social -->
-                <td style="padding: 0 32px;">
+                <td class="mobile-responsive" style="padding: 0 32px;">
                   <table border="0" cellspacing="0" cellpadding="0">
                     <tr>
                       <td align="left" class="footer-social__wrap" style="color: #ffffff; font-size: 12px">
@@ -243,14 +264,14 @@
                   </table>
                 </td>
                 <!-- Logos -->
-                <td style="padding: 0 32px;">
+                <td class="mobile-responsive" style="padding: 0 32px;">
                   <table border="0" cellspacing="0" cellpadding="0">
                     <tr class="footer-logos">
                       <% if has_footer_image? %>
-                      <td><%= image_tag footer_image_url %></td>
+                      <td class="footer-logo"><%= image_tag footer_image_url %></td>
                       <% end %>
-                      <td><%= image_pack_tag("media/images/footer_logo_1.svg") %></td>
-                      <td><%= image_pack_tag("media/images/footer_logo_2.svg") %></td>
+<!--                      <td class="footer-logo"><%#= image_pack_tag("media/images/footer_logo_1.svg") %></td>-->
+<!--                      <td class="footer-logo"><%#= image_pack_tag("media/images/footer_logo_2.svg") %></td>-->
                     </tr>
                   </table>
                 </td>

diff --git a/app/packs/images/footer_logo_1.svg b/app/packs/images/footer_logo_1.svg