style(settings): improve software settings layout alignment

src/styles.css

@@ -2447,18 +2447,36 @@ textarea:focus-visible {
 
 .config-software-content {
   display: grid;
-  grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
-  align-items: start;
-  gap: 24px;
+  grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
+  align-items: stretch;
+  gap: 16px;
+}
+
+.config-software-description,
+.config-software-field {
+  min-width: 0;
+  min-height: 112px;
   padding: 16px;
-  border: 1px solid var(--theme-d5d2cb);
+  border: 1px solid var(--theme-e3e1db);
   border-radius: 8px;
-  background: var(--theme-fffdf8);
+  background: var(--theme-faf8f2);
+}
+
+.config-software-description {
+  display: flex;
+  align-items: center;
+}
+
+.config-software-description p {
+  margin: 0;
+  color: var(--theme-6d6760);
+  font-size: var(--font-size-body);
+  line-height: var(--line-height-body);
 }
 
 .config-software-field {
   display: grid;
-  min-width: 0;
+  align-content: center;
   gap: 8px;
   color: var(--theme-39352f);
   font-size: var(--font-size-body);
@@ -2487,6 +2505,11 @@ textarea:focus-visible {
   .config-software-content {
     grid-template-columns: minmax(0, 1fr);
   }
+
+  .config-software-description,
+  .config-software-field {
+    min-height: 0;
+  }
 }
 
 .config-delete-dialog {