CSS refinement in Inputs panel #853

Signed-off-by: Thomas Druez <[email protected]>
aboutcode-org · Aug 16, 2023 · 8bf0799 · 8bf0799
1 parent 524b75b
commit 8bf0799
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 7 deletions.
diff --git a/scanpipe/templates/scanpipe/includes/project_inputs.html b/scanpipe/templates/scanpipe/includes/project_inputs.html
@@ -4,7 +4,7 @@
   </p>
   {% for input in inputs_with_source %}
     <div class="panel-block is-justify-content-space-between is-up">
-      <div class="break-all pr-1 is-cursor-help dropdown is-hoverable">
+      <div class="break-all pr-2 is-cursor-help dropdown is-hoverable">
         <div class="panel-icon pt-1">
           <div class="dropdown-trigger">
             <i class="is-size-6 {% if input.is_file %}fa-regular fa-file{% else %}fa-solid fa-folder{% endif %}" aria-hidden="true" aria-haspopup="true" aria-controls="dropdown-input-{{ file.name|slugify }}"></i>
@@ -28,9 +28,9 @@
         </div>
         {{ input.name }}
       </div>
-      <div class="is-size-7">
+      <div class="is-flex is-size-7">
         {% if input.is_file %}
-          <span class="mr-2">{{ input.size|filesizeformat }}</span>
+          <span class="mr-1">{{ input.size|filesizeformat }}</span>
         {% endif %}
         <a class="is-grey-link is-clickable" href="{% url 'project_download_input' project.slug input.name %}"><span class="icon width-1 height-1"><i class="fa-solid fa-download"></i></span></a>
         {% if project.can_change_inputs %}

diff --git a/scanpipe/templates/scanpipe/project_detail.html b/scanpipe/templates/scanpipe/project_detail.html
@@ -53,10 +53,14 @@
         <article class="message is-warning">
           <div class="message-body">
             <p class="block">
-              <i class="fa-solid fa-info-circle mr-1"></i>
-              Add
-              {% if not inputs_with_source %}<strong>Inputs</strong>{% endif %}
-              and execute a <strong>pipeline</strong> to generate some results.
+              <span class="icon width-1 height-1 mr-1">
+                <i class="fa-solid fa-info-circle"></i>
+              </span>
+              <span>
+                Add
+                {% if not inputs_with_source %}<strong>Inputs</strong>{% endif %}
+                and execute a <strong>pipeline</strong> to generate some results.
+              </span>
             </p>
           </div>
         </article>