changes

package.json

@@ -12,8 +12,8 @@
     "build": "ng build",
     "watch": "ng build --watch --configuration development",
     "test": "ng test --browsers ChromeHeadless --watch false --code-coverage true",
-    "prettier": "prettier --list-different \"{cypress/e2e,src}/**/*{.ts,.js,.json,.scss,.html,.css}\"",
-    "prettier:fix": "prettier  --list-different \"{cypress/e2e,src}/**/*{.ts,.js,.json,.scss,.html,.css}\" --write",
+    "prettier": "prettier --list-different \"{cypress/e2e,src}/**/*{.ts,.js,.json,.css,.scss,.html}\"",
+    "prettier:fix": "prettier  --list-different \"{cypress/e2e,src}/**/*{.ts,.js,.json,.css,.scss,.html}\" --write",
     "lint": "eslint . --ext .ts"
   },
   "private": true,

src/app/footer/footer.component.css

@@ -1,11 +1,13 @@
 div:first-of-type {
     background-color: #e9e9e9;
 }
+
 footer div:first-child {
     color: #444444;
     padding-top: 10px;
     font-size: 15px;
 }
+
 a {
     text-decoration: none;
     font-size: 15px;

src/app/header/header.component.css

@@ -1,21 +1,26 @@
 .navbar {
     background-color: #e9e9e9;
 }
+
 .navbar div {
     margin-left: 2rem;
     font-size: 1.4rem;
 }
+
 .btn {
     border: none;
 }
+
 #togglerIcon {
     width: 1.4rem;
 }
+
 #pendaHeaderLogo {
     color: black;
     font-size: 20px;
     cursor: pointer;
 }
+
 .dropdown div {
     box-shadow: 0 0 1px 1px #e3e3e3ae;
 }

src/app/home/home.component.css

@@ -4,14 +4,17 @@
     gap: 1rem;
     flex: 1;
 }
+
 #inputContainer {
     flex: 0 0 60%;
     margin-left: 3rem;
 }
+
 .firstHeader {
     display: flex;
     justify-content: space-evenly;
 }
+
 .btnSeparator {
     display: flex;
     justify-content: center;

src/styles.css

@@ -1,3 +1,3 @@
 /* You can add global styles to this file, and also import other style files */
-@import '~bootstrap';
+@import "~bootstrap";
 @import "~bootstrap-icons/font/bootstrap-icons.css";