From 8bf07993c62558232fc3fa12ef24f1b57754a855 Mon Sep 17 00:00:00 2001
From: Thomas Druez <tdruez@nexb.com>
Date: Wed, 16 Aug 2023 13:26:45 +0200
Subject: [PATCH] CSS refinement in Inputs panel #853

Signed-off-by: Thomas Druez <tdruez@nexb.com>
---
 .../templates/scanpipe/includes/project_inputs.html  |  6 +++---
 scanpipe/templates/scanpipe/project_detail.html      | 12 ++++++++----
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/scanpipe/templates/scanpipe/includes/project_inputs.html b/scanpipe/templates/scanpipe/includes/project_inputs.html
index 588eb412d..908cddafd 100644
--- 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
index 44288e290..743e56b6d 100644
--- 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>