big background colour change

4 files changed, 24 insertions, 16 deletions

diff --git a/TASKS.md b/TASKS.md
index 87b747b..c04fe91 100644
--- a/TASKS.md
+++ b/TASKS.md
@@ -6,8 +6,10 @@
     - [ ] coloured badges for resource types
     - [ ] coloured border of card
     - [ ] improved look of admin buttons
-    - [ ] decent card description text formatting
-- [ ] correct pricing/credits on the featured and standard cards
+    - [x] decent card description text formatting
+    - [ ] correct pricing/credits on the featured and standard cards
+    - [ ] put hover effects on the tabbed menu
+    - [ ] remove the dotted line beneath the tabbed menu
 
 ## Resource detail
 
diff --git a/alphabetlearning/static/css/forms.css b/alphabetlearning/static/css/forms.css
index 35f6636..f57668a 100644
--- a/alphabetlearning/static/css/forms.css
+++ b/alphabetlearning/static/css/forms.css
@@ -4,10 +4,10 @@
     margin-left: 5px;
     margin-right: 5px;
     overflow: auto;
-    border: 1px solid lightgray;
+    border: 2px solid sienna;
     border-radius: 10px;
     padding: 20px;
-    background: lightgray;
+    background-color: tan;
 }
 
 form label {
@@ -37,7 +37,8 @@ form input[type="text"], form input[type="password"], form input[type="email"] {
 
 form input[type=text], form input[type="password"], form input[type="email"], textarea {
     color: #6A6C6F;
-    background: #FFFFFF;
+    background-color: papayawhip;
+    /* background: #FFFFFF; */
     /*border: 2px solid #E4E5E7;*/
     border: 1px solid darkgray;
     border-radius: 5px;
@@ -48,14 +49,15 @@ form select {
     display: block;
     border: 1px solid darkgray;
     border-radius: 5px;
-    background: white;
+    /* background: white; */
+    background-color: papayawhip;
     width: 100%;
     padding: 0.75em 18px;
 }
 
 form input[type="submit"] {
     border: 0px;
-    background: darkmagenta;
+    background: olive;;
     border-radius: 5px;
     padding: 10px;
     color: white;
@@ -63,14 +65,15 @@ form input[type="submit"] {
 }
 
 form input[type="submit"]:hover {
-    background: #30053b;
+    background: ;#30053b
     color: white;
 }
 
 form input[type="number"] {
     border: 1px solid darkgray;
     border-radius: 2px;
-    background: white;
+    /* background: white; */
+    background-color: papayawhip;
     width: 100px;
     padding: 0.75em 18px;
 }
@@ -78,7 +81,8 @@ form input[type="number"] {
 form input[type="file"] {
     border: 1px solid darkgray;
     border-radius: 5px;
-    background: white;
+    background-color: papayawhip;
+    /* background: white; */
     width: 400px;
     padding: 10px;
 }
diff --git a/alphabetlearning/static/css/project.css b/alphabetlearning/static/css/project.css
index ad1d465..102d9c9 100644
--- a/alphabetlearning/static/css/project.css
+++ b/alphabetlearning/static/css/project.css
@@ -1,5 +1,6 @@
 :root {
-    --link-colour: rgb(64, 21, 92);
+    /* --link-colour: rgb(64, 21, 92); */
+    --link-colour: darkslategray;
     --dark-gray: #4c4c4c;
 }
 
@@ -16,8 +17,8 @@
     font-family: "Noto Sans", sans-serif;
     font-size: 2.2em;
     font-optical-sizing: auto;
-    font-weight: 800; /* bold */
-    font-style: italic;
+    font-weight: 700; /* bold */
+    font-style: normal;
     margin: 1.2em 0.5em 1.6em;
     font-variation-settings:
     "wdth" 100;
@@ -73,6 +74,7 @@ main {
 }
 
 body {
+    background-color: wheat;
     line-height: 1.5;
     color: #34495E;
     overflow-y: scroll;
@@ -108,6 +110,7 @@ nav > div > ul > li {
 }
 
 .featured-card {
+    background-color: white;
     border: solid;
     border-width: 2px;
     border-radius: 5px;
@@ -176,7 +179,8 @@ nav > div > ul > li {
 }
 
 .standard-card {
-    border: 1px solid lightgray;
+    background-color: white;
+    border: 2px solid lightgray;
     border-radius: 5px;
     padding: 10px;
     /* height: 560px; */
diff --git a/alphabetlearning/templates/resources/resource_detail.html b/alphabetlearning/templates/resources/resource_detail.html
index 6128627..edcd6e3 100644
--- a/alphabetlearning/templates/resources/resource_detail.html
+++ b/alphabetlearning/templates/resources/resource_detail.html
@@ -4,7 +4,6 @@
 
 {% block content %}
 
-<div>
     <div>
         {% for tn_url, tn_filename in resource.thumbnails %}
         <div>
@@ -65,7 +64,6 @@
             </div>
         </div>
     </div> 
-</div>
 
 <h1 class="section-title">Preview the PDF</h1>