wip: improve layout & add more test pictures

client.py

@@ -9,7 +9,7 @@ customtkinter.set_default_color_theme("blue")
 
 app = customtkinter.CTk()
 
-app.geometry("1030x750")
+app.geometry("1030x770")
 last_geometry = app.winfo_geometry()
 app.title("Test")
 app.update()

client_details.py

@@ -13,15 +13,15 @@ def create_details_page(app, software, backswitch_function):
 
     if software.get_thumbnail():
         img = PIL.Image.open(software.get_thumbnail())
-        img = img.resize((200, 300))
+        img = img.resize((500, 700))
     else:
-        img = PIL.Image.new('RGB', (200, 300))
+        img = PIL.Image.new('RGB', (500, 700))
 
     img = PIL.ImageTk.PhotoImage(img)
 
     # navbar #
     navbar = customtkinter.CTkFrame(app)
-    navbar.grid(column=0, row=0)
+    navbar.grid(column=0, row=0, padx=10, pady=5, sticky="ew")
     back_button = customtkinter.CTkButton(navbar, text="Back", 
                                           command=backswitch_function)
     back_button.pack(anchor="nw", side="left")
@@ -30,6 +30,7 @@ def create_details_page(app, software, backswitch_function):
 
     # thumbnail image #
     thumbnail_image = customtkinter.CTkButton(app, text="", image=img, width=500, height=700,
+                    fg_color="transparent", hover_color="black", corner_radius=0,
                     command=lambda: show_large_picture(app, path))
     thumbnail_image.grid(column=0, row=1, padx=10, pady=10)
     elements.append(thumbnail_image)
@@ -39,78 +40,87 @@ def create_details_page(app, software, backswitch_function):
     genre_font = customtkinter.CTkFont(family="Helvetica", size=14, slant="italic")
 
     # info box #
-    info_frame = customtkinter.CTkFrame(app)
+    info_frame = customtkinter.CTkFrame(app, width=500)
-    info_frame.grid(column=1, row=1, sticky="ns", padx=10, pady=10)
+    info_frame.grid(column=1, row=1, sticky="nswe", padx=10, pady=10)
     elements.append(info_frame)
 
     # title #
     title = customtkinter.CTkLabel(info_frame, text=software.title, font=title_font)
-    title.pack(anchor="w", side="top", padx=20, pady=10)
+    title.grid(column=0, row=0, padx=20, pady=10, sticky="w")
     print("Title:", software.title)
     elements.append(title)
 
     # genre #
     genre_text = "Genre: {}".format(software.genre)
     genre = customtkinter.CTkLabel(info_frame, text=genre_text, padx=20, font=genre_font)
-    genre.pack(anchor="w", side="top")
+    genre.grid(column=0, row=1, sticky="w")
     elements.append(genre)
 
     # description #
     description = customtkinter.CTkTextbox(info_frame)
     description.insert("0.0", software.description)
-    description.pack(anchor="w", side="top", fill="both", padx=20, pady=15)
+    description.grid(column=0, row=2, padx=20, pady=15, sticky="we")
     elements.append(description)
 
     # registry modification #
     reg_mod_yes_no = "yes" if software.reg_files else "no"
     reg_mod_text = "Requires Registry Modification: {}".format(reg_mod_yes_no)
     reg_mod_info = customtkinter.CTkLabel(info_frame, text=reg_mod_text, padx=20)
-    reg_mod_info.pack(anchor="w", side="top")
+    reg_mod_info.grid(column=0, row=3, sticky="w")
     elements.append(reg_mod_info)
 
     # dependencies #
     if software.dependencies:
         dependencies_text = "Dependencies: " + ",".join(software.dependencies)
         dependencies = customtkinter.CTkLabel(info_frame, text=dependencies_text)
-        dependencies.pack(anchor="w", side="top", padx=20)
+        dependencies.grid(column=0, row=4, padx=20, sticky="w")
         elements.append(dependencies)
 
     # extra_files #
     if software.extra_files:
         extra_text = "Targets extra directories: " + ",".join(set(software.extra_files.values()))
         extra_text_label = customtkinter.CTkLabel(info_frame, text=extra_text)
-        extra_text_label.pack(anchor="w", side="top", padx=20)
+        extra_text_label.grid(column=0, row=5, padx=20, sticky="w")
         elements.append(extra_text_label)
 
     # buttons #
-    install_button = customtkinter.CTkButton(info_frame, text="Install",
+    button_frame = customtkinter.CTkFrame(info_frame, fg_color="transparent")
+    button_frame.grid(column=0, row=6, sticky="w")
+    elements.append(button_frame)
+    install_button = customtkinter.CTkButton(button_frame, text="Install",
                         command=lambda: software.install())
-    remove_button = customtkinter.CTkButton(info_frame, text="Remove",
+    remove_button = customtkinter.CTkButton(button_frame, text="Remove",
                         command=lambda: software.remove())
-    if software.run_exe:
-        run_button = customtkinter.CTkButton(info_frame, text="Run",
-                        command=lambda: software.run())
-        run_button.pack(padx=10, pady=30, anchor="sw", side="left")
-        elements.append(run_button)
 
-    install_button.pack(padx=10, pady=30, anchor="sw", side="left")
+    # run button #
-    remove_button.pack(padx=10, pady=30, anchor="sw", side="left")
+    run_button = customtkinter.CTkButton(button_frame, text="Run",
+                    command=lambda: software.run())
+    run_button.pack(padx=10, pady=15, anchor="sw", side="left")
+    elements.append(run_button)
+    if not software.run_exe:
+        run_button.configure(state=tkinter.DISABLED)
+        run_button.configure(fg_color="gray")
+
+    install_button.pack(padx=10, pady=15, anchor="sw", side="left")
+    remove_button.pack(padx=10, pady=15, anchor="sw", side="left")
     elements.append(install_button)
     elements.append(remove_button)
 
     # add other pictures #
     if software.pictures:
 
-        picture_frame = customtkinter.CTkScrollableFrame(info_frame, height=200, width=300, orientation="horizontal")
+        picture_frame = customtkinter.CTkScrollableFrame(info_frame, height=200, width=300, orientation="horizontal", fg_color="transparent")
-        picture_frame.pack(anchor="w", side="top", padx=10)
+        picture_frame.grid(column=0, row=7, sticky="we")
 
         i = 0
         for path in software.pictures[1:]:
             img = PIL.Image.open(path)
             img = img.resize((180, 180))
             img = PIL.ImageTk.PhotoImage(img)
-            extra_pic_button = customtkinter.CTkButton(picture_frame, text="", image=img, command=lambda: show_large_picture(app, path))
+            extra_pic_button = customtkinter.CTkButton(picture_frame, text="", image=img, command=lambda: show_large_picture(app, path),
-            extra_pic_button.grid(padx=10, pady=10, row=0, column=i)
+                                     hover_color="black", corner_radius=0,)
+            extra_pic_button.configure(fg_color="transparent")
+            extra_pic_button.grid(pady=10, row=0, column=i)
             elements.append(extra_pic_button)
             i += 1