wip: still working on the resource index page

1 files changed, 27 insertions, 2 deletions

diff --git a/alphabetlearning/static/css/project.css b/alphabetlearning/static/css/project.css
index 3832efb..7c2bb5a 100644
--- a/alphabetlearning/static/css/project.css
+++ b/alphabetlearning/static/css/project.css
@@ -1,7 +1,6 @@
 
 * {
     box-sizing: border-box;
-    background-color: #F1F3F6;
     margin: 0;
     padding: 0;
     font-size: 18px;
@@ -46,6 +45,19 @@ nav > div > ul > li {
     padding: 1px 2px;
 }
 
+#resourceTabs {
+    display: flex;
+    margin: 10px auto;
+    justify-content: space-between;
+    border-bottom-style: dotted;
+    border-bottom-width: 2px;
+    padding: 10px;
+}
+
+#resourceTabs > li {
+    display: inline;
+}
+
 .featured-container {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
@@ -58,7 +70,7 @@ nav > div > ul > li {
     border-width: 2px;
     border-radius: 5px;
     padding: 10px;
-    height: 560px;
+    /*height: 560px;*/
     display: flex;
     flex-direction: column;
     justify-content: space-between;
@@ -98,6 +110,19 @@ nav > div > ul > li {
     padding: 3px;
 }
 
+.admin-box {
+    display: flex;
+    background-color: lightgray;
+    flex-direction: column;
+    justify-content: space-between;
+    border-style: solid;
+    border-color: black;
+    border-width: 2px;
+    border-radius: 4px;
+    padding: 8px;
+    margin: 20px auto;
+}
+
 /* Change the colour of the box shadow */
 .my-card-shadow-sm {
   box-shadow: 0 0.25rem 0.5rem rgba(100, 100, 100, 0.1);