TheDesk Mio (ver.3)

app/acct.html

@@ -11,8 +11,10 @@
 <link href='./css/userdata.css' rel='stylesheet' type='text/css'>
 <link href="https://fonts.googleapis.com/icon?family=Material+Icons|Open+Sans:300" rel="stylesheet">
 <style>.acct{display:flex; justify-content:space-around;}
-.text{overflow-x: scroll;}
+.card{width:400px; background-color: #9e9e9e; margin:10px; }
 body,html{overflow-y: scroll;}
+#acct-list{display:flex; flex-wrap:wrap; color:white; align-items: flex-start}
+.lts{font-size:150%}
 </style>
 <meta charset="utf-8">
 </head>
@@ -24,13 +26,14 @@ body,html{overflow-y: scroll;}
 <script type="text/javascript" src="./js/common/time.js"></script>
 <script type="text/javascript" src="./js/common/modal.js"></script>
 <a href="index.html" class="btn waves-effect orange nex" style="width:100%; max-width:200px;">戻る</a><br>
-<div id="acct-list" class="row"></div>
+<h5>アカウント一覧</h5>
+<div id="acct-list"></div>
 <div class="divider"></div>
-アカウントを追加<br>
+<h5>アカウントを追加</h5><br>
 <div id="add">
 <div class="row">
       <div class="col s6">
-            <input type="text" id="url" style="width:70%" placeholder="mstdn.jp">
+            <input type="text" id="url" style="width:70%" placeholder="ex)mstdn.jp">
             <div id="ins-suggest"></div>
             Windows以外でご使用の方やPleromaにログインされる方はチェックを入れて下さい。<br>
             <input type="checkbox" class="filled-in" id="linux" />
@@ -42,7 +45,12 @@ body,html{overflow-y: scroll;}
             <div id="support" class="collection transparent"></div>
       </div>
 </div>
-
+<h5>メインアカウント</h5>
+<div class="input-field" style="width:300px"><span data-trans="your_acct">アカウント選択</span>
+      <br>
+      <select id="main-acct-sel" class="acct-sel" style="color:black" onchange="mainacct()"></select>
+      <label></label>
+</div>
 </div>
 <div id="auth" style="display:none">
 指定されたコードを貼り付けてください。ログインウィンドウは閉じていただいて構いません。<br>