From 1abeb4193205c817c92d472ae28d02b336ced6b2 Mon Sep 17 00:00:00 2001
From: Odei Alba <odeialba@gmail.com>
Date: Fri, 19 Apr 2024 17:05:18 +0200
Subject: [PATCH] SV-62 Make the cards stand out more from the background

---
 styles.css                          | 6 ++++++
 templates/sort_voting_form.mustache | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)
 create mode 100644 styles.css

diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..ae1c4d1
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,6 @@
+/*Adds a border around the cards in the preference sorting activity*/
+li.d-flex.card.p-3.mb-2.optionitem.draggable {
+    border-style: solid;
+    border-color: #c0c0c0;
+    border-width: thin;
+}
\ No newline at end of file
diff --git a/templates/sort_voting_form.mustache b/templates/sort_voting_form.mustache
index a9c2e9b..a84b472 100644
--- a/templates/sort_voting_form.mustache
+++ b/templates/sort_voting_form.mustache
@@ -62,7 +62,7 @@
 {{! This list is drag and drop sortable. }}
 <ul id="sortvotinglist" class="ml-0 fa-ul">
 {{#options}}
-    <li class="d-flex card p-3 mb-2 {{^allowupdate}}bg-gray-100{{/allowupdate}} {{#allowupdate}}optionitem draggable{{/allowupdate}}" {{#allowupdate}}data-drag-type="move" draggable="true"{{/allowupdate}}>
+    <li class="d-flex card p-3 mb-2 {{#allowupdate}}optionitem draggable{{/allowupdate}}" {{#allowupdate}}data-drag-type="move" draggable="true"{{/allowupdate}}>
         <div>
             <input type="number" name="option[]" data-optionid="{{id}}" value="{{position}}" max="{{max}}" min="1" class="d-none" />
             <span class="float-right dragicon ml-auto">{{#pix}}i/dragdrop{{/pix}}</span>