added cursor pointer to buttons

OrbicCode · Sep 22, 2024 · f566d4a · f566d4a
1 parent d1c9731
commit f566d4a
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/plan.md b/plan.md
@@ -17,6 +17,7 @@
 
 - remove console(log) 🟢
 - sort out the API key for the picture 🟢
+- add cursor pointer on buttons 🟢
 
 ## HTML / CSS
 - need to add structure with grids and flex - get the layout of the page 🟢
@@ -51,7 +52,8 @@
 - get proportions right for nasa box (max-values) 🟢
 - button hover colour change 🟢
 
-## Header + Footer
+## Header
 
 - add logo 🟢
-- footer - add created by
+- add orbic logo 🟢
+- add link to orbic logo portfolio 🔴
diff --git a/styles.css b/styles.css
@@ -95,6 +95,7 @@ header img {
     right: 0;
     font-size: 1rem;
     padding-right: 0.65rem;
+    cursor: pointer;
 }
 
 .input-bar button:hover {
@@ -147,6 +148,7 @@ header img {
     height: 3rem;
     width: 3rem;
     transition: background-color 0.3s ease;
+    cursor: pointer;
 }
 
 .tick:hover {
@@ -170,6 +172,7 @@ header img {
     height: 3rem;
     width: 3rem;
     transition: background-color 0.3s ease;
+    cursor: pointer;
 }
 
 .edit:hover {
@@ -187,6 +190,7 @@ header img {
     height: 3rem;
     width: 3rem;
     transition: background-color 0.3s ease;
+    cursor: pointer;
 }
 
 .delete:hover {
@@ -236,6 +240,7 @@ header img {
    color: #e9d8a6;
    border: none;
    transition: 1s background-color ease;
+   cursor: pointer;
 }
 
 .nasa-widget button:hover {
@@ -264,6 +269,7 @@ header img {
     border-bottom-left-radius: 20px;
     border-bottom-right-radius: 20px;
     transition: 1s background-color ease;
+    cursor: pointer;
 }
 
 .joke-widget button:hover {