update descriptions and layouts

2 files changed, 18 insertions, 19 deletions

diff --git a/src/components/ConfigurationSection.tsx b/src/components/ConfigurationSection.tsx
index 19c10ea..8aeded7 100644
--- a/src/components/ConfigurationSection.tsx
+++ b/src/components/ConfigurationSection.tsx
@@ -67,7 +67,7 @@ export function ConfigurationSection({
       <PanelSectionRow>
         <SliderField
           label={`Flow Scale ${Math.round(config.flow_scale * 100)}%`}
-          description="change the flow scale (lower = faster)"
+          description="Changes the flow scale (lower = faster)"
           value={config.flow_scale}
           min={0.25}
           max={1.0}
@@ -79,7 +79,7 @@ export function ConfigurationSection({
       <PanelSectionRow>
         <ToggleField
           label="Performance Mode"
-          description="use lighter model for FG"
+          description="Uses a lighter model for FG (Recommended for most games)"
           checked={config.performance_mode}
           onChange={(value) => onConfigChange('performance_mode', value)}
         />
@@ -118,7 +118,7 @@ export function ConfigurationSection({
           selectedOption={config.experimental_present_mode}
           onChange={(value) => onConfigChange('experimental_present_mode', value.data)}
           rgOptions={[
-            { data: "", label: "Default (FIFO)" },
+            { data: "", label: "Default" },
             { data: "fifo", label: "FIFO" },
             { data: "vsync", label: "VSync" },
             { data: "mailbox", label: "Mailbox" },
@@ -130,7 +130,7 @@ export function ConfigurationSection({
       <PanelSectionRow>
         <SliderField
           label={`FPS Limit${config.experimental_fps_limit > 0 ? ` (${config.experimental_fps_limit} FPS)` : ' (Off)'}`}
-          description="Base framerate cap for DirectX games, before frame multiplier (0 = disabled)"
+          description="Base framerate cap for DirectX games, before frame multiplier"
           value={config.experimental_fps_limit}
           min={0}
           max={60}
diff --git a/src/components/UsageInstructions.tsx b/src/components/UsageInstructions.tsx
index fb754b2..8ac94d8 100644
--- a/src/components/UsageInstructions.tsx
+++ b/src/components/UsageInstructions.tsx
@@ -33,7 +33,7 @@ export function UsageInstructions({ config }: UsageInstructionsProps) {
           }}
         >
           {config.enable 
-            ? "LSFG is enabled. Add the launch option below to Steam games to activate frame generation."
+            ? "Add the launch option below (or use \"Launch Option Clipboard\") to Steam games to activate frame generation."
             : "LSFG is disabled. Enable it above and add the launch option to activate frame generation."
           }
         </div>
@@ -42,24 +42,23 @@ export function UsageInstructions({ config }: UsageInstructionsProps) {
       <PanelSectionRow>
         <div
           style={{
-            fontSize: "12px",
-            lineHeight: "1.4",
-            opacity: "0.8",
-            backgroundColor: "rgba(255, 255, 255, 0.1)",
-            padding: "8px",
-            borderRadius: "4px",
-            fontFamily: "monospace",
-            marginTop: "8px",
-            marginBottom: "8px"
+        fontSize: "12px",
+        lineHeight: "1.4",
+        opacity: "0.8",
+        backgroundColor: "rgba(255, 255, 255, 0.1)",
+        padding: "8px",
+        borderRadius: "4px",
+        fontFamily: "monospace",
+        marginTop: "8px",
+        marginBottom: "8px",
+        textAlign: "center"
           }}
         >
-          Required Launch Option:
-          <br />
           <strong>~/lsfg %command%</strong>
         </div>
       </PanelSectionRow>
 
-      <PanelSectionRow>
+      {/* <PanelSectionRow>
         <div
           style={{
             fontSize: "12px",
@@ -78,7 +77,7 @@ export function UsageInstructions({ config }: UsageInstructionsProps) {
 • Present Mode: ${config.experimental_present_mode || "Default (FIFO)"}
 • FPS Limit: ${config.experimental_fps_limit > 0 ? `${config.experimental_fps_limit} FPS` : "Off"}`}
         </div>
-      </PanelSectionRow>
+      </PanelSectionRow> */}
 
       <PanelSectionRow>
         <div
@@ -89,7 +88,7 @@ export function UsageInstructions({ config }: UsageInstructionsProps) {
             marginTop: "8px"
           }}
         >
-          Add the launch option to each game's Properties → Launch Options in Steam. The lsfg script is automatically created during installation and connects your games to the plugin's configuration. The configuration is stored in ~/.config/lsfg-vk/conf.toml and hot-reloads while games are running.
+The configuration is stored in ~/.config/lsfg-vk/conf.toml and hot-reloads while games are running.
         </div>
       </PanelSectionRow>
     </>