From c9607314e22be12fce3b145b55770d8468ac1fa4 Mon Sep 17 00:00:00 2001
From: VishalChouhan17 <vishal.chouhan2028@gmail.com>
Date: Mon, 26 Jan 2026 09:15:16 +0530
Subject: [PATCH] Improved UI and fixed state bug

---
 src/App.js        | 7 ++++---
 src/formSelect.js | 2 +-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/App.js b/src/App.js
index 9c0884b..2097cc2 100644
--- a/src/App.js
+++ b/src/App.js
@@ -18,7 +18,7 @@ class App extends React.Component {
       loading: false,
       repositories: [],
       labels: ["good first issue", "help wanted"],
-      loadingMessage: "Fetching Issues... ",
+      loadingMessage: "loadingMessage: Searching GitHub for beginner-friendly repos... ",
       minGoodFirstIssues: 1,
       minStars: 0,
       minDate: initMinDate(),
@@ -99,7 +99,7 @@ class App extends React.Component {
       } else {
         expandedTableRows.add(i);
       }
-      this.setState(expandedTableRows);
+      this.setState({expandedTableRows});
     };
 
     const setMinDate = e => this.setState({ minDate: e.target.value });
@@ -117,7 +117,8 @@ class App extends React.Component {
       <div
         style={{
           margin: "0 auto",
-          maxWidth: 900
+           maxWidth: 1200,
+         padding: "20px"
         }}
       >
         {Header()}
diff --git a/src/formSelect.js b/src/formSelect.js
index ae4dd9c..b2a0907 100644
--- a/src/formSelect.js
+++ b/src/formSelect.js
@@ -89,7 +89,7 @@ export function MinGoodFirstIssues(props) {
 }
 
 export function MinStars(props) {
-  const options = [0, 1, 2, 3, 4, 5, 10, 25, 50, 100, 250, 500, 1000].map(
+  const options = [ 50, 100, 250, 500, 1000].map(
     mapOptions
   );
   return (