Update app.py

app.py

@@ -158,60 +158,42 @@ def create_category_container(category_name, items, emoji_prefix=""):
 # Minimal header
 st.markdown("<h2 style='text-align: center; font-size: 1.2rem;'><span class='emoji'>🧠</span> ChatGPT Prompt Generator</h2>", unsafe_allow_html=True)
 
-# Main layout with two columns
+# Main layout with columns - only one level
 left_col, right_col = st.columns([3, 1])
 
 with left_col:
-    # First row of categories in 3 columns
-    row1_col1, row1_col2, row1_col3 = st.columns(3)
+    # Add all categories in separate containers without nesting columns
+    create_category_container("Role", data['roles'], "👤")
+    create_category_container("Tone", data['tones'], "🎭")
+    create_category_container("Instruction", data['instructions'], "📝")
+    create_category_container("Length", data['lengths'], "📏")
+    create_category_container("Content Type", data['content_types'], "📄")
+    create_category_container("Audience", data['audiences'], "👥")
+    create_category_container("Format", data['formats'], "📋")
     
-    with row1_col1:
-        create_category_container("Role", data['roles'], "👤")
-        create_category_container("Instruction", data['instructions'], "📝")
+    # Add text inputs directly (no columns)
+    st.markdown('<div class="category-container">', unsafe_allow_html=True)
+    st.markdown('<div class="section-header">📌 Details</div>', unsafe_allow_html=True)
     
-    with row1_col2:
-        create_category_container("Tone", data['tones'], "🎭")
-        create_category_container("Length", data['lengths'], "📏")
+    # Create text inputs
+    st.session_state.selections['about'] = st.text_input("💬 Topic", 
+        value=st.session_state.selections['about'], 
+        placeholder="Enter what the content should be about")
     
-    with row1_col3:
-        create_category_container("Content Type", data['content_types'], "📄")
-        create_category_container("Audience", data['audiences'], "👥")
+    st.session_state.selections['inclusion'] = st.text_input("✅ Include", 
+        value=st.session_state.selections['inclusion'], 
+        placeholder="What to include in the content")
     
-    # Second row for Format and Text inputs
-    row2 = st.container()
-    with row2:
-        row2_col1, row2_col2 = st.columns([1, 3])
-        
-        with row2_col1:
-            create_category_container("Format", data['formats'], "📋")
-        
-        with row2_col2:
-            # Use a container for text inputs
-            st.markdown('<div class="category-container">', unsafe_allow_html=True)
-            st.markdown('<div class="section-header">📌 Details</div>', unsafe_allow_html=True)
-            
-            # Create text inputs
-            st.session_state.selections['about'] = st.text_input("💬 Topic", 
-                value=st.session_state.selections['about'], 
-                placeholder="Enter what the content should be about")
-            
-            col1, col2 = st.columns(2)
-            with col1:
-                st.session_state.selections['inclusion'] = st.text_input("✅ Include", 
-                    value=st.session_state.selections['inclusion'], 
-                    placeholder="What to include in the content")
-            
-            with col2:
-                st.session_state.selections['exclusion'] = st.text_input("❌ Exclude", 
-                    value=st.session_state.selections['exclusion'], 
-                    placeholder="What to exclude from the content")
-            
-            st.session_state.selections['input_data'] = st.text_area("📊 Input Data", 
-                value=st.session_state.selections['input_data'], 
-                placeholder="Enter any specific information to use",
-                height=60)
-            
-            st.markdown('</div>', unsafe_allow_html=True)
+    st.session_state.selections['exclusion'] = st.text_input("❌ Exclude", 
+        value=st.session_state.selections['exclusion'], 
+        placeholder="What to exclude from the content")
+    
+    st.session_state.selections['input_data'] = st.text_area("📊 Input Data", 
+        value=st.session_state.selections['input_data'], 
+        placeholder="Enter any specific information to use",
+        height=60)
+    
+    st.markdown('</div>', unsafe_allow_html=True)
 
 with right_col:
     # Generate prompt based on selections
@@ -248,7 +230,7 @@ It should be about {sel['about']}."""
     st.write(prompt)
     st.markdown('</div>', unsafe_allow_html=True)
     
-    # Action buttons
+    # Action buttons - use one set of columns at top level
     btn1, btn2, btn3 = st.columns(3)
     with btn1:
         if st.button("📋 Copy", type="primary", use_container_width=True):