Update app.py

app.py

@@ -7,32 +7,42 @@ st.set_page_config(layout="wide")
 st.header("HuggingFace 🤗 Posts leaderboard")
 
 st.write(
-    """Data Source: https://huggingface.co/datasets/maxiw/hf-posts \t Created by: https://huggingface.co/singhsidhukuldeep"""
+    """Data Source: https://huggingface.co/datasets/maxiw/hf-posts"""
 )
 
 df = pd.read_json("hf://datasets/maxiw/hf-posts/posts.jsonl", lines=True)
 
 df["publishedAt"] = pd.to_datetime(df.publishedAt)
-print(df.columns)
+# print(df.columns)
+
+# Define the metrics
+metrics = ["totalUniqueImpressions", "totalReactions", "numComments", "Num of posts"]
+
 
 # Get min and max dates from the DataFrame
 min_date = df["publishedAt"].min().to_pydatetime()
 max_date = df["publishedAt"].max().to_pydatetime()
 
-# Create the double-ended slider
-date_range = st.slider(
-    "Select Date Range",
-    min_value=min_date,
-    max_value=max_date,
-    value=(min_date, max_date),
-    format="DD/MMM/YYYY",
-)
-metrics = ["totalUniqueImpressions", "totalReactions", "numComments", "Num of posts"]
-selected_metric = st.selectbox(
-    "Sort by:",
-    options=metrics,
-    index=0,
-)
+# Create columns for the slider and the selectbox
+col1, col2 = st.columns([3, 1])  # Adjust the width ratio as needed
+
+with col1:
+    date_range = st.slider(
+        "Select Date Range",
+        min_value=min_date,
+        max_value=max_date,
+        value=(min_date, max_date),
+        format="DD/MMM/YYYY",
+    )
+
+with col2:
+    selected_metric = st.selectbox(
+        "Sort by:",
+        options=metrics,
+        index=0,
+    )
+
+
 # Filter the DataFrame based on selected date range
 mask = df["publishedAt"].between(*date_range)
 df = df[mask]