decidim-admin 0.27.4 → 0.28.0.rc5

data/app/views/decidim/admin/scopes/index.html.erb

@@ -1,52 +1,50 @@
 <% add_decidim_page_title(t("decidim.admin.titles.scopes")) %>
 <div class="card">
-  <div class="card-divider">
-    <h2 class="card-title">
+  <div class="item_show__header">
+    <h2 class="item_show__header-title">
       <% if parent_scope %>
-        <%= scope_breadcrumbs(parent_scope).join(" - ").html_safe %> <%= link_to t("actions.add", scope: "decidim.admin"), new_scope_scope_path(parent_scope), class: "button tiny button--title" if allowed_to? :create, :scope %><%= link_to t("actions.edit", scope: "decidim.admin"), edit_scope_path(parent_scope), class: "button tiny button--title" if allowed_to? :edit, :scope, scope: parent_scope %>
+        <%= scope_breadcrumbs(parent_scope).join(" - ").html_safe %> <%= link_to t("actions.add", scope: "decidim.admin"), new_scope_scope_path(parent_scope), class: "button button__sm button__secondary" if allowed_to? :create, :scope %><%= link_to t("actions.edit", scope: "decidim.admin"), edit_scope_path(parent_scope), class: "button button__sm button__secondary" if allowed_to? :edit, :scope, scope: parent_scope %>
       <% else %>
-        <%= t "decidim.admin.titles.scopes" %> <%= link_to t("actions.add", scope: "decidim.admin"), new_scope_path, class: "button tiny button--title" if allowed_to? :create, :scope %>
+        <%= t "decidim.admin.titles.scopes" %> <%= link_to t("actions.add", scope: "decidim.admin"), new_scope_path, class: "button button__sm button__secondary" if allowed_to? :create, :scope %>
       <% end %>
     </h2>
   </div>
-  <div class="card-section">
-    <% if @scopes.any? %>
-      <div class="table-scroll">
-        <table class="table-list">
-        <thead>
+  <% if @scopes.any? %>
+    <div class="table-scroll">
+      <table class="table-list">
+      <thead>
+        <tr>
+          <th><%= t("models.scope.fields.name", scope: "decidim.admin") %></th>
+          <th><%= t("models.scope.fields.scope_type", scope: "decidim.admin") %></th>
+          <th></th>
+        </tr>
+      </thead>
+      <tbody>
+        <% @scopes.each do |scope| %>
           <tr>
-            <th><%= t("models.scope.fields.name", scope: "decidim.admin") %></th>
-            <th><%= t("models.scope.fields.scope_type", scope: "decidim.admin") %></th>
-            <th></th>
-          </tr>
-        </thead>
-        <tbody>
-          <% @scopes.each do |scope| %>
-            <tr>
-              <td>
-                <%= link_to translated_attribute(scope.name), scope_scopes_path(scope) %>
-              </td>
-              <td>
-                <%= scope.scope_type ? translated_attribute(scope.scope_type.name) : "-" %>
-              </td>
-              <td class="table-list__actions">
-                <%= icon_link_to "zoom-in", scope_scopes_path(scope), t("actions.browse", scope: "decidim.admin"), class: "action-icon--browse", method: :get, data: {} %>
+            <td>
+              <%= link_to translated_attribute(scope.name), scope_scopes_path(scope) %>
+            </td>
+            <td>
+              <%= scope.scope_type ? translated_attribute(scope.scope_type.name) : "-" %>
+            </td>
+            <td class="table-list__actions">
+              <%= icon_link_to "zoom-in-line", scope_scopes_path(scope), t("actions.browse", scope: "decidim.admin"), class: "action-icon--browse", method: :get, data: {} %>
 
-                <% if allowed_to? :update, :scope, scope: scope %>
-                  <%= icon_link_to "pencil", [:edit, scope], t("actions.edit", scope: "decidim.admin"), class: "action-icon--edit", method: :get, data: {} %>
-                <% end %>
+              <% if allowed_to? :update, :scope, scope: scope %>
+                <%= icon_link_to "pencil-line", [:edit, scope], t("actions.edit", scope: "decidim.admin"), class: "action-icon--edit", method: :get, data: {} %>
+              <% end %>
 
-                <% if allowed_to? :destroy, :scope, scope: scope %>
-                  <%= icon_link_to "circle-x", scope, t("actions.destroy", scope: "decidim.admin"), class: "action-icon--remove", method: :delete, data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin") } %>
-                <% end %>
-              </td>
-            </tr>
-          <% end %>
-        </tbody>
-        </table>
-      </div>
-    <% else %>
-      <p><%= t("decidim.admin.scopes.no_scopes") %></p>
-    <% end %>
-  </div>
+              <% if allowed_to? :destroy, :scope, scope: scope %>
+                <%= icon_link_to "delete-bin-line", scope, t("actions.destroy", scope: "decidim.admin"), class: "action-icon--remove", method: :delete, data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin") } %>
+              <% end %>
+            </td>
+          </tr>
+        <% end %>
+      </tbody>
+      </table>
+    </div>
+  <% else %>
+    <p><%= t("decidim.admin.scopes.no_scopes") %></p>
+  <% end %>
 </div>

data/app/views/decidim/admin/scopes/new.html.erb

@@ -1,14 +1,20 @@
 <% add_decidim_page_title(t(".title")) %>
-<%= decidim_form_for(@form, url: current_scopes_path) do |f| %>
-  <div class="card">
-    <div class="card-divider">
-      <h2 class="card-title"><%= t ".title" %></h2>
+<div class="item_show__header">
+  <h2 class="item_show__header-title">
+    <%= t ".title" %>
+  </h2>
+</div>
+<div class="item__edit-form">
+  <%= decidim_form_for(@form, url: current_scopes_path, html: { class: " form form-defaults new_scope" }) do |f| %>
+    <div class="card">
+      <div class="card-section">
+        <%= render partial: "form", object: f %>
+      </div>
     </div>
-    <div class="card-section">
-      <%= render partial: "form", object: f %>
+    <div class="item__edit-sticky">
+      <div class="item__edit-sticky-container">
+        <%= f.submit t(".create"), class: "button button__sm button__secondary" %>
+      </div>
     </div>
-  </div>
-  <div class="button--double form-general-submit">
-    <%= f.submit t(".create") %>
-  </div>
-<% end %>
+  <% end %>
+</div>

data/app/views/decidim/admin/share_tokens/_share_tokens.html.erb

@@ -1,4 +1,4 @@
-<div class="card share_tokens">
+<div class="share_tokens">
   <div class="card-divider">
     <legend><%= t ".title" %></legend>
   </div>
@@ -30,20 +30,8 @@
                 <td><%= l share_token.created_at, format: :short %></td>
                 <td><%= l share_token.expires_at, format: :short if share_token.expires_at.present? %></td>
                 <td class="table-list__actions">
-                  <%= icon_link_to "share",
-                                  share_token.url,
-                                  t("actions.share", scope: "decidim.admin.share_tokens"),
-                                  class: "action-icon--share",
-                                  target: "_blank" %>
-                  <%= icon_link_to "circle-x",
-                                  decidim_admin.share_token_path(
-                                    share_token,
-                                    url: request.fullpath
-                                  ),
-                                  t("actions.destroy", scope: "decidim.admin.share_tokens"),
-                                  class: "action-icon--remove",
-                                  method: :delete,
-                                  data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin.share_tokens") } %>
+                  <%= icon_link_to "share-line", share_token.url, t("actions.share", scope: "decidim.admin.share_tokens"), class: "action-icon--share", target: :blank %>
+                  <%= icon_link_to "delete-bin-line", decidim_admin.share_token_path(share_token, url: request.fullpath), t("actions.destroy", scope: "decidim.admin.share_tokens"), class: "action-icon--remove", method: :delete, data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin.share_tokens") } %>
                 </td>
               </tr>
             <% end %>

data/app/views/decidim/admin/shared/_admin_confirm_modal.html.erb

@@ -0,0 +1,18 @@
+<div class="small reveal confirm-reveal" id="confirm-modal" aria-hidden="true" role="dialog" aria-labelledby="confirm-modal-title" data-reveal data-multiple-opened="true">
+  <div class="reveal__header">
+    <h2 class="reveal__title" id="confirm-modal-title"><%= t("title", scope: "decidim.shared.confirm_modal") %></h2>
+    <button class="close-button" data-close aria-label="<%= t("close_modal", scope: "decidim.shared.confirm_modal") %>"
+      type="button">
+      <span aria-hidden="true">&times;</span>
+    </button>
+  </div>
+  <div class="confirm-content">
+    <div class="confirm-modal-content"></div>
+  </div>
+  <div class="confirm-modal-footer reveal__footer">
+    <div class="buttons button--double">
+      <a class="button" role="button" href="#" data-confirm-ok aria-label="<%= t("ok", scope: "decidim.shared.confirm_modal") %>"><%= t("ok", scope: "decidim.shared.confirm_modal") %></a>
+      <a class="button clear" role="button" href="#" data-confirm-cancel aria-label="<%= t("cancel", scope: "decidim.shared.confirm_modal") %>"><%= t("cancel", scope: "decidim.shared.confirm_modal") %></a>
+    </div>
+  </div>
+</div>

data/app/views/decidim/admin/shared/_filters.html.erb

@@ -1,9 +1,10 @@
 <div class="filters__section">
-  <div class="fcell filter">
+  <div class="fcell">
     <ul class="dropdown menu" data-dropdown-menu data-close-on-click-inside="false">
       <li>
         <a href="#" class="dropdown button">
           <%= t("filter_label", scope: "decidim.admin.filters") %>
+          <%= icon "arrow-down-s-line", class: "dropdown-filter-icon" %>
         </a>
         <%= dropdown_submenu(submenu_options_tree(i18n_ctx)) %>
       </li>
@@ -22,19 +23,14 @@
                              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" aria-label="<%= t("decidim.search.term_input_placeholder") %>">
+            <%= icon "search-line", class: "fill-secondary w-4 h-4" %>
           </button>
         </div>
       </div>
     <% 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/admin/shared/_gallery.html.erb

@@ -1,26 +1,15 @@
-<div class="row column gallery__container">
+<div class="row column gallery__container mt-4">
   <fieldset>
     <legend><%= t(".gallery_legend") %></legend>
 
-    <% if @form.photos.any? %>
-      <% @form.photos.each do |photo| %>
-        <div class="callout gallery__item" data-closable>
-          <%= image_tag photo.thumbnail_url, class: "thumbnail", alt: photo.file.filename %>
-          <%= form.hidden_field :photos, multiple: true, value: photo.id, id: "photo-#{photo.id}" %>
-          <button class="close-button" aria-label="<%= t(".delete_image") %>" title="<%= t(".delete_image") %>" type="button" data-close>
-            <span aria-hidden="true">&times;</span>
-          </button>
-        </div>
-      <% end %>
-    <% end %>
-
-    <div class="row column">
+    <div>
       <%= form.attachment :photos,
-        multiple: true,
-        label: t(".add_images"),
-        button_label: t(".add_images"),
-        button_edit_label: t(".edit_images"),
-        help_i18n_scope: "decidim.forms.file_help.image" %>
+                          multiple: true,
+                          label: t(".add_images"),
+                          button_label: t(".add_images"),
+                          button_edit_label: t(".edit_images"),
+                          button_class: "button button__sm button__transparent-secondary",
+                          help_i18n_scope: "decidim.forms.file_help.image" %>
     </div>
   </fieldset>
 </div>

data/app/views/decidim/admin/shared/_js-callout.html.erb

@@ -1,5 +1,7 @@
-<div class="callout callout--full <%= css %>" data-closable>
-  <%= text %>
+<div class="flash <%= css %>" data-closable>
+  <span class="flash__message">
+    <%= text %>
+  </span>
   <button class="close-button" type="button" data-close="">
     <span aria-hidden="true">×</span>
   </button>

data/app/views/decidim/admin/shared/landing_page/_content_blocks.html.erb

@@ -0,0 +1,68 @@
+<% add_decidim_page_title(t("edit_landing_page", scope: "decidim.admin.titles")) %>
+<div class="card edit_content_blocks">
+  <div class="item_show__header">
+    <h2 class="item_show__header-title">
+      <%= content_blocks_title %>
+
+      <div>
+        <button class="button button__sm button__secondary button--title" data-toggle="add-content-block-dropdown">
+          <%= add_content_block_text %>
+          <%= icon "arrow-down-s-line", class: "dropdown-filter-icon" %>
+        </button>
+        <div class="dropdown-pane" id="add-content-block-dropdown" data-dropdown data-auto-focus="true" data-close-on-click="true">
+          <ul class="vertical menu add-components font-normal">
+            <% available_manifests.each do |manifest| %>
+              <li><%= link_to t(manifest.public_name_key), resource_create_url(manifest.name), method: :post %></li>
+            <% end %>
+          </ul>
+        </div>
+      </div>
+    </h2>
+  </div>
+
+  <div class="card-section-draggable-list">
+    <div class="grid-container full">
+      <div class="grid-x grid-margin-x card-grid">
+        <div class="cell">
+          <div class="card">
+            <div class="card-section">
+              <h5 class="draggable-list-title"><%= active_content_blocks_title %></h5>
+              <ul class="draggable-list js-connect js-list-actives" data-sort-url="<%= resource_sort_url %>">
+                <% active_blocks.each do |content_block| %>
+                  <%= cell resource_content_block_cell, content_block %>
+                <% end %>
+              </ul>
+            </div>
+          </div>
+        </div>
+        <div class="cell">
+          <div class="card">
+            <div class="card-section">
+              <h5 class="draggable-list-title"><%= inactive_content_blocks_title %></h5>
+
+              <ul class="draggable-list js-connect js-list-availables">
+                <% inactive_blocks.each do |content_block_or_manifest| %>
+                  <%= cell resource_content_block_cell, content_block_or_manifest %>
+                <% end %>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script>
+  document.addEventListener("dragend", function (event) {
+    const activeBlocks = Array.prototype.slice.call(document.querySelectorAll(".js-list-actives li"));
+    const activeBlocksId = activeBlocks.map(block => block.dataset.contentBlockId);
+
+    $.ajax({
+      method: "PUT",
+      url: document.querySelector(".js-list-actives").dataset.sortUrl,
+      contentType: "application/json",
+      data: JSON.stringify({ ids_order: activeBlocksId })
+    });
+  })
+</script>

data/app/views/decidim/admin/shared/landing_page/edit.html.erb

@@ -1,47 +1 @@
-<div class="grid-container full">
-  <div class="grid-x grid-margin-x card-grid">
-    <div class="cell small-6">
-      <div class="card">
-        <div class="card-section">
-          <h5><%= active_content_blocks_title %></h5>
-
-          <ul class="draggable-list js-connect js-list-actives" data-sort-url="<%= resource_sort_url %>">
-            <% active_blocks.each do |content_block| %>
-              <%= cell resource_content_block_cell, content_block %>
-            <% end %>
-          </ul>
-        </div>
-      </div>
-    </div>
-
-    <div class="cell small-6">
-      <div class="card">
-        <div class="card-section">
-          <h5><%= inactive_content_blocks_title %></h5>
-
-          <ul class="draggable-list js-connect js-list-availables">
-            <% inactive_blocks.each do |content_block_or_manifest| %>
-              <%= cell resource_content_block_cell, content_block_or_manifest %>
-            <% end %>
-          </ul>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-
-<script>
-  document.addEventListener("dragend", function (event) {
-    var activeBlocks = Array.prototype.slice.call(document.querySelectorAll(".js-list-actives li"));
-    var activeBlocksManifestName = activeBlocks.map(block => block.dataset.contentBlockManifestName);
-    var sortUrl = document.querySelector(".js-list-actives").dataset.sortUrl;
-    var target = event.target;
-
-    $.ajax({
-      method: "PUT",
-      url: sortUrl,
-      contentType: "application/json",
-      data: JSON.stringify({ manifests: activeBlocksManifestName })
-    });
-  })
-</script>
+<%= render partial: "decidim/admin/shared/landing_page/content_blocks" %>

data/app/views/decidim/admin/shared/landing_page_content_blocks/edit.html.erb

@@ -1,16 +1,26 @@
 <% add_decidim_page_title(t(content_block.public_name_key)) %>
-<%= decidim_form_for(@form, html: { class: "form edit_content_block" }, url: resource_landing_page_content_block_path) do |form| %>
-  <div class="card">
-    <div class="card-divider">
-      <h2 class="card-title"><%= t content_block.public_name_key %></h2>
-    </div>
-
-    <div class="card-section">
-      <%= cell content_block.settings_form_cell, form, content_block: content_block %>
-    </div>
+<div class="item_show__header">
+  <h2 class="item_show__header-title">
+    <%= t content_block.public_name_key %>
+  </h2>
+</div>
+<div class="item__edit item__edit-1col">
+  <div class="item__edit-form">
+    <%= decidim_form_for(@form, html: { class: "form-defaults form edit_content_block [&_button]:button [&_button]:button__sm [&_button]:button__secondary" }, url: resource_landing_page_content_block_path) do |form| %>
+      <div class="form__wrapper">
+        <div class="card py-4">
+          <div class="card-section">
+            <div class="row column">
+              <%= cell content_block.settings_form_cell, form, content_block: %>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="item__edit-sticky">
+        <div class="item__edit-sticky-container">
+          <%= form.submit submit_button_text, class: "button button__sm button__secondary" %>
+        </div>
+      </div>
+    <% end %>
   </div>
-
-  <div class="button--double form-general-submit">
-    <%= form.submit submit_button_text %>
-  </div>
-<% end %>
+</div>

data/app/views/decidim/admin/static_page_topics/_form.html.erb

@@ -1,9 +1,9 @@
 <div class="row column">
-  <%= form.translated :text_field, :title, autofocus: true %>
+  <%= form.translated :text_field, :title, autofocus: true, aria: { label: :title } %>
 </div>
 
 <div class="row column">
-  <%= form.translated :text_field, :description %>
+  <%= form.translated :text_field, :description, aria: { label: :description } %>
 </div>
 
 <div class="row column">

data/app/views/decidim/admin/static_page_topics/edit.html.erb

@@ -1,14 +1,24 @@
 <% add_decidim_page_title(t(".title")) %>
-<%= decidim_form_for(@form, html: { class: "form edit_static_page_topic" }) do |f| %>
-  <div class="card">
-    <div class="card-divider">
-      <h2 class="card-title"><%= t ".title" %></h2>
+<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">
+    <div class="form__wrapper">
+      <%= decidim_form_for(@form, html: { class: "form form-defaults edit_static_page_topic" }) 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(".update"), class: "button button__sm button__secondary" %>
+          </div>
+        </div>
+      <% end %>
     </div>
-    <div class="card-section">
-      <%= render partial: "form", object: f %>
-    </div>
-  </div>
-  <div class="button--double form-general-submit">
-    <%= f.submit t(".update") %>
   </div>
-<% end %>
+</div>

data/app/views/decidim/admin/static_page_topics/index.html.erb

@@ -0,0 +1,41 @@
+<% add_decidim_page_title(t("page_topics", scope: "decidim.admin.titles")) %>
+
+<div class="card" id="page_topics">
+  <div class="item_show__header">
+    <h2 class="item_show__header-title">
+      <%= t("page_topics", scope: "decidim.admin.titles") %>
+      <% if allowed_to? :create, :attachment_collection %>
+        <%= link_to t("static_page_topics.new.create", scope: "decidim.admin"), [:new, :static_page_topic], class: "button button__sm button__secondary expanded small new" %>
+      <% end %>
+    </h2>
+  </div>
+  <% if topics.any? %>
+    <div class="table-scroll">
+      <table class="table-list">
+        <thead>
+          <tr>
+            <th><%= t("activemodel.attributes.static_page_topic.name") %></th>
+            <th class="actions"></th>
+          </tr>
+        </thead>
+        <tbody>
+          <% topics.each do |topic| %>
+            <tr>
+              <td>
+                <%= link_to translated_attribute(topic.title), [:edit, topic] %>
+              </td>
+              <td>
+                <% if allowed_to? :update, :static_page_topic, topic: topic %>
+                  <%= icon_link_to "pencil-line", [:edit, topic], t("actions.edit", scope: "decidim.admin"), class: "action-icon--edit" %>
+                <% end %>
+                <% if allowed_to? :destroy, :static_page_topic, topic: topic %>
+                  <%= icon_link_to "delete-bin-line", topic, t("actions.destroy", scope: "decidim.admin"), class: "action-icon--remove", method: :delete, data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin") } %>
+                <% end %>
+              </td>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+    </div>
+  <% end %>
+</div>

data/app/views/decidim/admin/static_page_topics/new.html.erb

@@ -1,14 +1,24 @@
 <% add_decidim_page_title(t(".title")) %>
-<%= decidim_form_for(@form, html: { class: "form new_static_page_topic" }) do |f| %>
-  <div class="card">
-    <div class="card-divider">
-      <h2 class="card-title"><%= t ".title" %></h2>
+<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">
+    <div class="form__wrapper">
+      <%= decidim_form_for(@form, html: { class: "form form-defaults new_static_page_topic" }) 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(".create"), class: "button button__sm button__secondary" %>
+          </div>
+        </div>
+      <% end %>
     </div>
-    <div class="card-section">
-      <%= render partial: "form", object: f %>
-    </div>
-  </div>
-  <div class="button--double form-general-submit">
-    <%= f.submit t(".create") %>
   </div>
-<% end %>
+</div>

data/app/views/decidim/admin/static_pages/_form.html.erb

@@ -1,34 +1,49 @@
-<div class="row column">
-  <%= form.translated :text_field, :title, autofocus: true %>
-</div>
+<div class="form__wrapper">
+  <div class="card pt-4">
+    <div class="card-section">
+      <div class="row column">
+        <%= form.translated :text_field, :title, autofocus: true, aria: { label: :title } %>
+      </div>
 
-<% if allowed_to? :update_slug, :static_page, static_page: form.object %>
-  <div class="row column slug">
-    <%= form.text_field :slug %>
-    <p class="help-text"><%== t(".slug_help", url: decidim_form_slug_url("pages", form.object.slug)) %></p>
-  </div>
-<% end %>
+      <% if allowed_to? :update_slug, :static_page, static_page: form.object %>
+        <div class="row column slug">
+          <div>
+            <%= form.label :slug %>
+          </div>
+          <%= form.text_field :slug, label: false, help_text: t(".slug_help_html", url: decidim_form_slug_url("pages", form.object.slug)) %>
+        </div>
+      <% end %>
 
-<div class="row column">
-  <%= form.translated :editor, :content %>
-</div>
+      <div class="row column mt-2">
+        <%= form.translated :editor, :content, aria: { label: :content } %>
+      </div>
 
-<div class="row column">
-  <%= form.select :topic_id, form.object.topics.map { |topic| [translated_attribute(topic.title), topic.id] }, include_blank: t(".none") %>
-</div>
+      <div class="row column">
+        <div>
+          <%= form.label :topic %>
+        </div>
+        <%= form.select :topic_id, form.object.topics.map { |topic| [translated_attribute(topic.title), topic.id] }, include_blank: t(".none"), label: false %>
+      </div>
 
-<%= render partial: "form_notable_changes", locals: { form: form } %>
+      <%= render partial: "form_notable_changes", locals: { form: } %>
 
-<div class="row column">
-  <%= form.number_field :weight %>
-</div>
+      <div class="row column">
+        <div>
+          <%= form.label :weight %>
+        </div>
+        <%= form.number_field :weight, label: false %>
+      </div>
 
-<div class="row column">
-  <%= form.check_box :show_in_footer %>
-</div>
+      <div class="row column">
+        <%= form.check_box :show_in_footer %>
+      </div>
 
-<% if form.object.control_public_access? %>
-  <div class="row column">
-    <%= form.check_box :allow_public_access %>
+      <% if form.object.control_public_access? %>
+        <div class="row column">
+          <%= form.check_box :allow_public_access %>
+        </div>
+      <% end %>
+
+    </div>
   </div>
-<% end %>
+</div>

data/app/views/decidim/admin/static_pages/_form_notable_changes.html.erb

@@ -2,8 +2,7 @@
   <div class="row column">
     <%= form.check_box :changed_notably, value: false, help_text: t("changed_notably_help", scope: "decidim.admin.static_pages.edit") %>
 
-    <div class="callout secondary">
-      <%= t("last_notable_change", scope: "decidim.admin.static_pages.index") %>: <%= @tos_version_formatted %>
-    </div>
+    <% announcement_message = t("last_notable_change", scope: "decidim.admin.static_pages.edit", tos_version_formatted: @tos_version_formatted) %>
+    <%= cell("decidim/announcement", announcement_message, callout_class: "warning") %>
   </div>
 <% end %>