Add Unit defaults import link

app/assets/images/pictograms/import.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="icon" viewBox="0 0 24 24"><path d="M14,12L10,8V11H2V13H10V16M20,18V6C20,4.89 19.1,4 18,4H6A2,2 0 0,0 4,6V9H6V6H18V18H6V15H4V18A2,2 0 0,0 6,20H18A2,2 0 0,0 20,18Z" /></svg>

app/assets/stylesheets/application.css

@@ -468,3 +468,15 @@ table.items select:focus-visible {
 .unwrappable {
   white-space: nowrap;
 }
+
+
+.buttongrid {
+  display: grid;
+  gap: 0.4em;
+  grid-template-areas: "context empty tools";
+  grid-template-columns: auto 1fr auto;
+  grid-template-rows: max-content;
+}
+.tools {
+  grid-area: tools;
+}

app/views/units/index.html.erb

@@ -1,7 +1,9 @@
-<div class="rightside">
+<div class="rightside buttongrid">
   <% if current_user.at_least(:active) %>
     <%= image_link_to t('.add_unit'), 'plus-outline', new_unit_path, id: :add_unit,
       onclick: 'this.blur();', data: {turbo_stream: true} %>
+    <%= image_link_to t('.import_units'), 'import', new_unit_path, class: 'tools',
+      data: {turbo_stream: true} %>
   <% end %>
 </div>
 

config/locales/en.yml

@@ -52,6 +52,7 @@ en:
       delete_unit: Delete
     index:
       add_unit: Add unit
+      import_units: Import...
       no_items: There are no configured units. You can try to import some defaults.
       top_level_drop: Drop here to reposition into top-level unit
     new: