render

starpilot/system/the_galaxy/assets/components/tools/device_settings.css

@@ -356,6 +356,16 @@
   flex-direction: column;
 }
 
+.ds-row-text-input {
+  align-items: stretch;
+  flex-direction: column;
+  gap: var(--gap-sm);
+}
+
+.ds-row-text-input .ds-row-info {
+  margin-bottom: 0;
+}
+
 .ds-row-info {
   align-items: center;
   display: flex;
@@ -441,6 +451,19 @@
   outline: none;
 }
 
+.ds-text-input {
+  appearance: none;
+  box-sizing: border-box;
+  cursor: text;
+  min-height: 2.25rem;
+  width: 100%;
+}
+
+.ds-text-input:disabled {
+  cursor: not-allowed;
+  opacity: var(--disabled-opacity);
+}
+
 .ds-apply-btn {
   background: transparent;
   border: var(--border-style-main);

starpilot/system/the_galaxy/assets/components/tools/device_settings.js

@@ -1662,7 +1662,7 @@ function renderSettingRow(p) {
   }
 
   return html`
-    <div class="ds-row ${isNumeric ? "ds-row-numeric" : ""} ${isChild}">
+    <div class="ds-row ${isNumeric ? "ds-row-numeric" : ""} ${isText ? "ds-row-text-input" : ""} ${isChild}">
       <div class="ds-row-info">
         <div class="ds-row-text">
           <div class="ds-row-heading">