decidim-decidim_awesome 0.10.3 → 0.11.1

data/app/views/decidim/decidim_awesome/admin/constraints/_form.html.erb

@@ -1,4 +1,4 @@
-<div class="field" id="constraint-form-<%= params[:id] %>">
+<div class="form__wrapper" id="constraint-form-<%= params[:id] %>">
 
   <%= form.select :participatory_space_manifest, participatory_space_manifests.invert, include_blank: true %>
   <%= form.select :participatory_space_slug, participatory_spaces_list(@form.participatory_space_manifest).invert, include_blank: true %>
@@ -6,51 +6,3 @@
   <%= form.select :component_id, components_list(@form.participatory_space_manifest, @form.participatory_space_slug).invert, include_blank: true %>
 
 </div>
-
-<script type="text/javascript">
-
-(function() {
-  var div = document.getElementById('constraint-form-<%= params[:id] %>');
-  var space_manifest = div.getElementsByTagName("select")[0];
-  var space_slug = div.getElementsByTagName("select")[1];
-  var component_manifest = div.getElementsByTagName("select")[2];
-  var component_id = div.getElementsByTagName("select")[3];
-
-  space_manifest.addEventListener('change', function(e) {
-    var event = new CustomEvent("constraint:change", {
-      detail: [{
-        key: "participatory_space_manifest",
-        value: e.target.value
-      }]
-    });
-    // Dispatch detail as event so main processor will reload accordingly
-    document.body.dispatchEvent(event);
-  });
-
-  space_slug.addEventListener('change', function(e) {
-    var event = new CustomEvent("constraint:change", {
-      detail: [{
-        key: "participatory_space_manifest",
-        value: space_manifest.value
-      },{
-        key: "participatory_space_slug",
-        value: e.target.value
-      }]
-    });
-    // Dispatch detail as event so main processor will reload accordingly
-    document.body.dispatchEvent(event);
-  });
-
-  // Component manfiest and component id are mutually exclusive
-  component_manifest.addEventListener('change', function(e) {
-    if(e.target.value)
-      component_id.value = "";
-  });
-
-  component_id.addEventListener('change', function(e) {
-    if(e.target.value)
-      component_manifest.value = "";
-  });
-})();
-
-</script>

data/app/views/decidim/decidim_awesome/admin/constraints/new.html.erb

@@ -1,14 +1,19 @@
-<%= decidim_form_for(@form, url: constraints_path(key: params[:key]), remote: true) do |f| %>
-  <div class="card">
-    <div class="card-divider">
-      <h2 class="card-title"><%= t ".constraint" %></h2>
-    </div>
-    <div class="card-section">
+<%= decidim_form_for(@form, url: constraints_path(key: params[:key]), remote: true, html: { class: "form-defaults" }) do |f| %>
+  <div data-dialog-container>
+    <%= icon "lock-line" %>
+    <h2 tabindex="-1" data-dialog-title><%= t ".constraint" %></h2>
+
+    <div>
       <%= render partial: "form", object: f %>
     </div>
   </div>
-  <div class="button--double form-general-submit">
-    <button type="submit" class="button" name="commit" data-close><%= t(".save") %></button>
-    <button class="button hollow" type="button" data-close><%= t(".cancel") %></button>
+
+  <div data-dialog-actions>
+    <button class="button button__sm md:button__lg button__transparent-secondary" type="button"
+      data-dialog-close="<%= "new-modal-#{params[:key]}" %>">
+      <%= t(".cancel") %>
+    </button>
+
+    <%= f.submit t(".save"), class: "button button__sm md:button__lg button__secondary", data: { "dialog-close": "new-modal-#{params[:key]}" } %>
   </div>
 <% end %>

data/app/views/decidim/decidim_awesome/admin/constraints/show.html.erb

@@ -1,14 +1,19 @@
-<%= decidim_form_for(@form, url: constraint_path, method: :patch, remote: true) do |f| %>
-  <div class="card">
-    <div class="card-divider">
-      <h2 class="card-title"><%= t ".constraint" %></h2>
-    </div>
-    <div class="card-section">
+<%= decidim_form_for(@form, url: constraint_path, method: :patch, remote: true, html: { class: "form-defaults" }) do |f| %>
+  <div data-dialog-container>
+    <%= icon "lock-line" %>
+    <h2 tabindex="-1" data-dialog-title><%= t ".constraint" %></h2>
+
+    <div>
       <%= render partial: "form", object: f %>
     </div>
   </div>
-  <div class="button--double form-general-submit">
-    <%= f.submit t(".save") %>
-    <button class="button hollow" type="button" data-close><%= t(".cancel") %></button>
+
+  <div data-dialog-actions>
+    <button class="button button__sm md:button__lg button__transparent-secondary" type="button"
+      data-dialog-close="<%= "edit-modal-#{params[:key]}" %>">
+      <%= t(".cancel") %>
+    </button>
+
+    <%= f.submit t(".save"), class: "button button__sm md:button__lg button__secondary", data: { "dialog-close": "edit-modal-#{params[:key]}" } %>
   </div>
 <% end %>

data/app/views/decidim/decidim_awesome/admin/custom_redirects/_form.html.erb

@@ -1,6 +1,21 @@
-<div>
-    <%= form.text_field :origin, help_text: t(".origin_help") %>
-    <%= form.text_field :destination, help_text: t(".destination_help") %>
-    <%= form.check_box :active %>
-    <%= form.check_box :pass_query, help_text: t(".pass_query_help").html_safe %>
+<div class="flex flex-col">
+    <div class="mb-6">
+        <%= form.text_field :origin, class: "h-12 w-full" %>
+        <p class="help-text">
+            <%= t(".origin_help") %>
+        </p>
+    </div>
+    <div class="mb-6">
+        <%= form.text_field :destination, class: "h-12 w-full" %>
+        <p class="help-text">
+            <%= t(".destination_help") %>
+        </p>
+    </div>
+    <%= form.check_box :active, class: "mb-6" %>
+    <div class="mb-6">
+        <%= form.check_box :pass_query %>
+    </div>
+    <p class="help-text">
+            <%= t(".pass_query_help").html_safe %>
+    </p>
 </div>

data/app/views/decidim/decidim_awesome/admin/custom_redirects/edit.html.erb

@@ -1,13 +1,13 @@
-<%= decidim_form_for(@form, url: custom_redirect_path, method: :patch, html: { class: :form }) do |f| %>
+<%= decidim_form_for(@form, url: custom_redirect_path, method: :patch, html: { class: "form-defaults form new_custom_redirect_" }) do |f| %>
   <div class="card">
-    <div class="card-divider">
+    <div class="bg-gray-6 p-4 rounded-t">
       <h2 class="card-title"><%= t ".title" %></h2>
     </div>
-    <div class="card-section">
+    <div class="card-section p-4">
       <%= render partial: "form", object: f %>
     </div>
   </div>
-  <div class="button--double form-general-submit">
-    <%= f.submit t(".save") %>
+  <div class="flex items-center justify-center mt-12 w-full text-white form-general-submit">
+    <%= f.submit t(".save"), class: "button button__lg button__secondary" %>
   </div>
 <% end %>

data/app/views/decidim/decidim_awesome/admin/custom_redirects/index.html.erb

@@ -1,15 +1,16 @@
+<div class="item_show__header">
+  <h2 class="item_show__header-title">
+    <%= t(".title") %>
+    <%= link_to t(".new"), decidim_admin_decidim_awesome.new_custom_redirect_path, class: "button button__secondary button__xs tiny button--title text-white" %>
+  </h2>
+</div>
+
 <div class="card">
-  <div class="card-divider">
-    <h2 class="card-title">
-      <%= t(".title") %>
-      <%= link_to t(".new"), decidim_admin_decidim_awesome.new_custom_redirect_path, class: "button tiny button--title" %>
-    </h2>
-  </div>
   <div class="card-section p-4">
-    <p class="help-text -mt-2 mb-4"><%= t(".description").html_safe %></p>
-    <div class="table-scroll decidim_awesome-form">
-      <table class="table-list custom-redirections-table">
-        <thead>
+  <p class="help-text -mt-2 mb-4"><%= t(".description").html_safe %></p>
+  <div class="table-scroll decidim_awesome-form">
+    <table class="table-list custom-redirections-table">
+      <thead>
         <tr>
           <th><%= t("custom_redirect.active", scope: "activemodel.attributes") %></th>
           <th><%= t("custom_redirect.origin", scope: "activemodel.attributes") %></th>
@@ -17,8 +18,8 @@
           <th class="redirect-status"><%= link_to(t(".check_redirections"), "#", class: "button button__secondary button__xs pull-right secondary check-custom-redirections") if current_config.present? %></th>
           <th class="actions"><%= t("decidim.decidim_awesome.admin.actions") %></th>
         </tr>
-        </thead>
-        <tbody>
+      </thead>
+      <tbody>
         <% current_config.each do |origin, item| %>
           <tr class="custom-redirection" data-origin="<%= origin %>" data-item="<%= item.to_json %>">
             <td><%= check item["active"] %></td>
@@ -31,8 +32,7 @@
             </td>
           </tr>
         <% end %>
-        </tbody>
-      </table>
-    </div>
+      </tbody>
+    </table>
   </div>
 </div>

data/app/views/decidim/decidim_awesome/admin/custom_redirects/new.html.erb

@@ -1,13 +1,13 @@
-<%= decidim_form_for(@form, url: custom_redirects_path, html: { class: :form }) do |f| %>
+<%= decidim_form_for(@form, url: custom_redirects_path, html: { class: "form-defaults form new_custom_redirect_" }) do |f| %>
   <div class="card">
-    <div class="card-divider">
+    <div class="bg-gray-6 p-4 rounded-t">
       <h2 class="card-title"><%= t ".title" %></h2>
     </div>
-    <div class="card-section">
+    <div class="card-section p-4">
       <%= render partial: "form", object: f %>
     </div>
   </div>
-  <div class="button--double form-general-submit">
-    <%= f.submit t(".save") %>
+  <div class="flex items-center justify-center mt-12 w-full text-white form-general-submit">
+    <%= f.submit t(".save"), class: "button button__lg button__secondary" %>
   </div>
 <% end %>

data/app/views/decidim/decidim_awesome/admin/maintenance/_private_data.html.erb

@@ -1,9 +1,9 @@
 <div class="mb-8">
-  <p class="help-text"><%= t(".help_html", time_ago: time_ago) %>
+  <p class="help-text"><%= t(".help_html", time_ago:) %>
 </div>
 
 <% if collection.empty? %>
-  <div class="callout warning"><%= t(".no_data", time_ago: time_ago) %></div>
+  <div class="callout warning"><%= t(".no_data", time_ago:) %></div>
 <% else %>
   <div class="table-scroll autorefresh" data-url="<%= maintenance_path(:private_data).split("?").first %>">
     <table class="table-list">
@@ -28,11 +28,11 @@
               <span class="loading-spinner primary" title="<%= t(".removing") %>"></span>
             <% elsif item.destroyable? %>
               <%= link_to destroy_private_data_maintenance_path(:private_data, resource_id: item), method: :delete, class: "button button__primary button__xs tiny", data: { confirm: t(".confirm_delete") } do %>
-                <%= icon "trash" %>
+                <%= icon "delete-bin-line" %>
                 <%= t(".delete") %>
               <% end %>
             <% else %>
-              <span class="not-destroyable" title="<%= t(".not_destroyable") %>"><%= icon "ban" %></span>
+              <span class="not-destroyable" title="<%= t(".not_destroyable") %>"><%= icon "forbid-line" %></span>
             <% end %>
           </td>
         </tr>

data/app/views/decidim/decidim_awesome/admin/menu_hacks/_form.html.erb

@@ -1,7 +1,7 @@
-<div>
-    <%= form.translated :text_field, :raw_label, help_text: t(".label_help") %>
-    <%= form.text_field :url , readonly: form.object.url.present? %>
-    <%= form.text_field :position %>
-    <%= form.select :target, target_options %>
-    <%= form.select :visibility, visibility_options %>
+<div class="form__wrapper gap-0">
+    <%= form.translated :text_field, :raw_label, class: "mb-6", help_text: t(".label_help") %>
+    <%= form.text_field :url , class: "mb-6", readonly: form.object.url.present? %>
+    <%= form.text_field :position, class: "mb-6" %>
+    <%= form.select :target, target_options, {}, class: "mb-6" %>
+    <%= form.select :visibility, visibility_options, {}, class: "mb-8" %>
 </div>

data/app/views/decidim/decidim_awesome/admin/menu_hacks/edit.html.erb

@@ -1,13 +1,22 @@
-<%= decidim_form_for(@form, url: menu_hack_path, method: :patch, html: { class: :form }) do |f| %>
-  <div class="card">
-    <div class="card-divider">
-      <h2 class="card-title"><%= t ".title" %></h2>
-    </div>
-    <div class="card-section">
-      <%= render partial: "form", object: f %>
-    </div>
+<div class="item_show__header">
+  <h2 class="item_show__header-title">
+    <%= t(".title") %>
+  </h2>
+</div>
+<div class="item__edit item__edit-1col">
+  <div class="item__edit-form">
+    <%= decidim_form_for(@form, url: menu_hack_path(params[:menu_id]), method: :patch, html: { class: "form form-defaults" }) do |f| %>
+      <div class="card pt-4">
+        <div class="card-section">
+          <%= render partial: "form", object: f %>
+        </div>
+      </div>
+
+      <div class="item__edit-sticky">
+        <div class="item__edit-sticky-container">
+          <%= f.submit t(".save"), class: "button button__sm button__secondary" %>
+        </div>
+      </div>
+    <% end %>
   </div>
-  <div class="button--double form-general-submit">
-    <%= f.submit t(".save") %>
-  </div>
-<% end %>
+</div>

data/app/views/decidim/decidim_awesome/admin/menu_hacks/index.html.erb

@@ -1,13 +1,12 @@
-<div class="card">
-  <div class="card-divider">
-    <h2 class="card-title">
-      <%= t(".title") %>
-      <%= link_to t(".new"), decidim_admin_decidim_awesome.new_menu_hack_path, class: "button tiny button--title" %>
-    </h2>
-  </div>
-  <div class="table-scroll">
-    <table class="table-list">
-      <thead>
+<div class="item_show__header">
+  <h2 class="item_show__header-title">
+    <%= t(".#{params[:menu_id]}.title") %>
+    <%= link_to t(".new"), decidim_admin_decidim_awesome.new_menu_hack_path, class: "button button__sm button__secondary ml-auto" %>
+  </h2>
+</div>
+<div class="table-scroll">
+  <table class="table-list">
+    <thead>
       <tr>
         <th><%= t("menu.raw_label", scope: "activemodel.attributes") %></th>
         <th><%= t("menu.url", scope: "activemodel.attributes") %></th>
@@ -16,8 +15,8 @@
         <th><%= t("menu.visibility", scope: "activemodel.attributes") %></th>
         <th class="actions"><%= t("decidim.decidim_awesome.admin.actions") %></th>
       </tr>
-      </thead>
-      <tbody>
+    </thead>
+    <tbody>
       <% current_items.each do |item| %>
         <tr<%= " class=menu_hack-addition" if item.try(:overrided?) == false %>>
           <td><%= item.label %></td>
@@ -26,18 +25,17 @@
           <td><%= target_options.invert[item.try(:target)||""] %></td>
           <td><%= visibility_options.invert[item.try(:visibility)] %></td>
           <td class="table-list__actions">
-            <%= icon_link_to "pencil", decidim_admin_decidim_awesome.edit_menu_hack_path(md5(item.url)), t(".edit"), class: "action-icon--edit" %>
+            <%= icon_link_to "pencil-line", decidim_admin_decidim_awesome.edit_menu_hack_path(params[:menu_id], md5(item.url)), t(".edit"), class: "action-icon--edit" %>
             <% if item.respond_to?(:overrided?) %>
-              <%= icon_link_to "circle-x", decidim_admin_decidim_awesome.menu_hack_path(md5(item.url)), t(".remove#{'_hack' if item.overrided?}"), method: :delete, class: "action-icon--remove", data: { confirm: t(".confirm_destroy") } %>
+              <%= icon_link_to "close-circle-line", decidim_admin_decidim_awesome.menu_hack_path(params[:menu_id], md5(item.url)), t(".remove#{'_hack' if item.overrided?}"), method: :delete, class: "action-icon--remove", data: { confirm: t(".confirm_destroy") } %>
             <% else %>
                 <span class="action-icon">
-                  <%= icon "circle-x", class: "action-icon action-icon--disabled", role: "img" %>
+                  <%= icon "close-circle-line", class: "action-icon action-icon--disabled", role: "img" %>
                 </span>
             <% end %>
           </td>
         </tr>
       <% end %>
-      </tbody>
-    </table>
-  </div>
+    </tbody>
+  </table>
 </div>

data/app/views/decidim/decidim_awesome/admin/menu_hacks/new.html.erb

@@ -1,13 +1,22 @@
-<%= decidim_form_for(@form, url: menu_hacks_path, html: { class: :form }) do |f| %>
-  <div class="card">
-    <div class="card-divider">
-      <h2 class="card-title"><%= t ".title" %></h2>
-    </div>
-    <div class="card-section">
-      <%= render partial: "form", object: f %>
-    </div>
+<div class="item_show__header">
+  <h2 class="item_show__header-title">
+    <%= t(".title") %>
+  </h2>
+</div>
+<div class="item__edit item__edit-1col">
+  <div class="item__edit-form">
+    <%= decidim_form_for(@form, url: menu_hacks_path(params[:menu_id]), html: { class: "form form-defaults" }) do |f| %>
+      <div class="card pt-4">
+        <div class="card-section">
+          <%= render partial: "form", object: f %>
+        </div>
+      </div>
+
+      <div class="item__edit-sticky">
+        <div class="item__edit-sticky-container">
+          <%= f.submit t(".save"), class: "button button__sm button__secondary" %>
+        </div>
+      </div>
+    <% end %>
   </div>
-  <div class="button--double form-general-submit">
-    <%= f.submit t(".save") %>
-  </div>
-<% end %>
+</div>

data/app/views/decidim/decidim_awesome/admin/shared/_filters_with_date.html.erb

@@ -1,41 +1,42 @@
-<div class="filters__section">
-  <div class="fcell filter">
+<div class="filters__section p-4 flex mb-0">
+  <div class="fcell filter self-start">
     <ul class="dropdown menu" data-dropdown-menu data-close-on-click-inside="false">
       <li>
-        <a href="#" class="dropdown button">
+        <a href="#" class="dropdown button button__sm button__secondary">
           <%= t("filter_label", scope: "decidim.admin.filters") %>
+          <%= icon "arrow-down-s-fill", class: "dropdown-filter-icon" %>
         </a>
         <%= dropdown_submenu(submenu_options_tree(i18n_ctx)) %>
       </li>
     </ul>
   </div>
   <div class="fcell search">
-    <%= search_form_for(query, url: url_for) do |form| %>
+    <%= search_form_for(query, url: url_for, html: { class: "form-defaults form" }) do |form| %>
       <%= applied_filters_hidden_field_tags %>
-      <div class="input-group">
+      <div class="input-group flex items-center">
         <%= form.search_field(
               search_field_predicate,
-              class: "input-group-field",
+              class: "input-group-field shadow-md border-alert",
               label: false,
               placeholder: t(search_field_predicate,
                              collection: collection_name,
                              scope: "decidim.admin.filters.search_placeholder")
             ) %>
         <div class="input-group-button">
-          <button type="submit" class="button">
-            <%= icon "magnifying-glass", aria_label: t("search_label", scope: "decidim.admin.filters") %>
+          <button type="submit" class="text-secondary py-2 px-4 rounded-r focus:outline-none outline-none">
+            <%= icon "search-line", class: "fill-secondary w-4 h-4", aria_label: t("search_label", scope: "decidim.admin.filters") %>
           </button>
         </div>
       </div>
-      <div class="input-group mt-xs">
-        <div class="input-group-field">
+      <div class="input-group flex mt-4 w-full justify-center">
+        <div class="input-group-field flex flex-col w-full">
           <%= form.label t("search_field_start_date", scope: "decidim.admin.filters.label") %>
           <%= form.date_field(:created_at_gteq,
                               class: "input-group-field",
                               label: false,
                               datepicker: true) %>
         </div>
-        <div class="input-group-field">
+        <div class="input-group-field flex flex-col w-full">
           <%= form.label t("search_field_end_date", scope: "decidim.admin.filters.label") %>
           <%= form.date_field(:created_at_lteq,
                               class: "input-group-field",
@@ -46,11 +47,6 @@
     <% end %>
   </div>
 </div>
-<div class="card-section fcell grid-x">
-  <div class="cell medium-10 filter-status">
-    <%= applied_filters_tags(i18n_ctx) %>
-  </div>
-  <div class="cell auto text-right">
-    <%= admin_filters_pagination %>
-  </div>
+<div class="fcell grid-x" data-applied-filters-tags>
+  <%= applied_filters_tags(i18n_ctx) %>
 </div>

data/app/views/decidim/decidim_awesome/amendments/_modal.html.erb

@@ -1,16 +1,23 @@
 <!--the modal window will be used in another pr-->
-<div class="reveal show limit_amendments_modal limit-amendments-modal" id="LimitAmendmentsModal" data-reveal role="dialog" aria-modal="true" aria-labelledby="LimitAmendmentsModal-label" data-limit-amendments="<%= current_component.settings&.limit_pending_amendments %>">
-  <div class="reveal__content">
-    <div class="instructions"><%= t("decidim.decidim_awesome.amendments.modal.explanation_html",
-                                    proposal_link: present(@proposal).proposal_path + "#comments") %></div>
+<%= decidim_modal id: "LimitAmendmentsModal", data: { "limit-amendments": current_component.settings&.limit_pending_amendments } do %>
+  <div data-dialog-container>
+    <%= icon "notification-3-fill" %>
+    <h3 data-dialog-title><%= t("decidim.decidim_awesome.amendments.modal.amendment_exists") %></h3>
 
-    <% if current_component.current_settings&.amendments_visibility == "all" %>
-      <div class="instructions"><%= t("decidim.decidim_awesome.amendments.modal.current_amendment_html",
-                                    amendment_link: present(@proposal.amendment.emendation).proposal_path) %></div>
-    <% end %>
+    <div>
+      <div class="instructions">
+        <%= t("decidim.decidim_awesome.amendments.modal.explanation_html",
+                                    proposal_link: present(@proposal).proposal_path + "#comments") %>
 
-    <div class="text-center">
-      <button class="button vote-action" data-close><%= t("decidim.decidim_awesome.amendments.modal.dismiss") %></button>
+        <% emendations = @proposal.emendations.not_hidden.where(decidim_amendments: { state: Decidim::Amendment.states["evaluating"] }) %>
+        <% if current_component.current_settings&.amendments_visibility == "all" && emendations %>
+          <%= t("decidim.decidim_awesome.amendments.modal.current_amendment_html",
+                                        amendment_link: present(emendations&.first).proposal_path) %>
+        <% end %>
+      </div>
     </div>
   </div>
-</div>
+  <div data-dialog-actions>
+    <button type="button" class="button button__sm md:button__lg button__transparent-secondary cancel-action" data-dialog-close="LimitAmendmentsModal"><%= t("decidim.decidim_awesome.amendments.modal.dismiss") %></button>
+  </div>
+<% end %>

data/app/views/decidim/decidim_awesome/custom_fields/_form_render.html.erb

@@ -1,14 +1,12 @@
 <div class="decidim_awesome-custom_fields <%= name %>">
   <% if name == :private_body %>
-    <p class="private_body-disclosure help-text"><%= icon "lock-locked" %><%= t("decidim.decidim_awesome.proposal_private_custom_fields_disclosure") %></p>
+    <p class="private_body-disclosure help-text"><%= icon "spy" %><%= t("decidim.decidim_awesome.proposal_private_custom_fields_disclosure") %></p>
   <% end %>
-  <div class="proposal_custom_field proposal_custom_field--<%= name %>"
-       id="proposal-custom-field-<%= name %>"
-       data-spec="<%= spec.to_json %>"
-       data-name="<%= "#{form.object_name}[#{name}]" %>">
+  <div class="proposal_custom_field proposal_custom_field--<%= name %>" id="proposal-custom-field-<%= name %>" data-spec="<%= spec.to_json %>" data-editor-options="<%= editor_options[:editor].to_json %>" data-name="<%= "#{form.object_name}[#{name}]" %>">
     <div class="loading-spinner"></div>
   </div>
 </div>
 
+<%= editor_upload.html_safe %>
 <%= form.hidden_field name %>
 <%= form.error_for name %>

data/app/views/decidim/decidim_awesome/iframe_component/iframe/show.html.erb

@@ -1,14 +1,9 @@
-<%= announcement = render(partial: "decidim/shared/component_announcement") %>
+<main class="participatory-space__container">
+  <%= announcement = render(partial: "decidim/shared/component_announcement") %>
 
-<%= stylesheet_pack_tag "decidim_decidim_awesome_iframe" %>
+  <%= append_stylesheet_pack_tag "decidim_decidim_awesome_iframe" %>
 
-<style rel="stylesheet" type="text/css">
-<% if remove_margins? %>
-  <%= ".wrapper { padding-left: 0;padding-right: 0;padding-bottom: 0; }" %>
-  <%= ".wrapper { padding-top: 0; }" unless announcement.present? %>
-<% end %>
-</style>
-
-<div class="awesome-iframe<%= " row" if viewport_width? %>">
-  <%= iframe %>
-</div>
+  <section id="<%= viewport_width? ? "iframe-block" : "html-block-html" %>" class="awesome-iframe layout-main__section">
+    <%= iframe %>
+  </section>
+</main>