style: separate memo from controller panel and reduce height

Author: nnnSMM

src/views/MobileCompanion.svelte

@@ -1267,27 +1267,26 @@
           <span class="i-material-symbols:visibility-off-outline-rounded text-[22px]" />
           <span>文字消しスクショ</span>
         </button>
+      </section>
 
-        <section class="memo-preview">
-          <div class="section-head">
-            <h2>メモ</h2>
-            <span class="subtle">編集</span>
-          </div>
-          <div class="detail-memo-editor">
-            <textarea
-              bind:value={memoText}
-              placeholder="メモを入力"
-            />
-            <button
-              type="button"
-              disabled={connectionState !== "connected" || selectedGameId === null}
-              on:click={syncMemo}
-            >
-              メモを同期
-            </button>
-          </div>
-        </section>
-
+      <section class="memo-preview">
+        <div class="section-head">
+          <h2>メモ</h2>
+          <span class="subtle">編集</span>
+        </div>
+        <div class="detail-memo-editor">
+          <textarea
+            bind:value={memoText}
+            placeholder="メモを入力"
+          />
+          <button
+            type="button"
+            disabled={connectionState !== "connected" || selectedGameId === null}
+            on:click={syncMemo}
+          >
+            メモを同期
+          </button>
+        </div>
       </section>
     {:else}
       <section class="empty-state controller-waiting">
@@ -1820,7 +1819,7 @@
 
   .detail-memo-editor textarea {
     box-sizing: border-box;
-    min-height: 220px;
+    min-height: 120px;
     width: 100%;
     resize: vertical;
     border: 1px solid rgb(255 255 255 / 0.1);