Fix: Increase Number of Pinned Notes to 10

Author: peterjuma

src/App.js

@@ -84,8 +84,8 @@ class App extends Component {
 
 // Pin a note and persist
 handlePinNote = async (noteid) => {
-  if (this.state.pinnedNotes.length >= 5) {
-      alert("You can only pin up to 5 notes.");
+  if (this.state.pinnedNotes.length >= 10) {
+      alert("You can only pin up to 10 notes.");
       return;
   }
   await this.handleIndexedDB("addpin", { noteid });

src/styles.css

@@ -221,11 +221,12 @@ input[type="search"]::-webkit-search-cancel-button {
 
 /* Note List Container*/
 .note-list-pin {
-  height: 245px; /* Set the desired maximum height */
   margin: 10px 0; /* Add margin for spacing */
+  min-height: 50px;
   padding-left: 0;
   list-style: none; /* Remove default list styles */
-  margin-bottom: 20px; /* Add space between lists */
+  margin-bottom: 10px; /* Add space between lists */
+  overflow-y: visible; /* Ensure the div expands to fit its contents */
 }
 
 /* Note List Container*/