change settings list button behavior and add save as in updated dialog

web/kiri/index.css

@@ -917,6 +917,21 @@ th, tr, td, label {
     border-bottom-right-radius: 10px;
     background-color: var(--main-color);
 }
+#settingsNew {
+    margin-top: 5px;
+    padding-top: 5px;
+    border-top: 1px solid var(--main-color);
+}
+#settingsName {
+    margin-right: 4px;
+    padding-right: 4px;
+    padding-left: 4px;
+    text-align: center;
+}
+#settingsList {
+    max-height: 450px;
+    overflow-y: auto;
+}
 #settingsList button.selected {
     font-weight: bold;
     background-color: #ccc;

web/kiri/index.html

@@ -314,6 +314,10 @@
                 <div id="mod-saves" class="mdialog f-col">
                     <label class="set-header" lk="dm_savs">saved settings</label>
                     <div id="settingsList" class="f-col"></div>
+                    <div id="settingsNew">
+                        <input id="settingsName" class="grow"></input>
+                        <button id="settingsSave" lk="dm_svas">Save As</button>
+                    </div>
                 </div>
                 <div id="mod-tools" class="mdialog">
                     <div class="f-col">

web/kiri/lang/en.js

@@ -63,6 +63,7 @@ kiri.lang['en-us'] = {
     dm_rcnt:        "recent files",
     dm_savs:        "saved settings",
     dm_appp:        "Application Preferences",
+    dm_svas:        "Save As",
 
     // CAM Tool Dialog
     td_tyem:        "end",          // end mill