Fix alignments

This commit is contained in:
somebody
2022-08-31 18:45:57 -05:00
parent 0d26a027df
commit 55441394a0
3 changed files with 17 additions and 5 deletions

View File

@@ -485,6 +485,18 @@ input[type="range"]::-ms-fill-upper {
height: 35px;
}
.settings_button > .button_label {
position: relative;
bottom: 3px;
right: 4px;
}
.settings_button > .material-icons-outlined {
position: relative;
top: 3px;
right: 2px;
}
.settings_button[story_gamesaved="true"] {
filter: brightness(40%);
}

View File

@@ -13,7 +13,7 @@
<span>Drag file(s) above or click here to Upload File<input id="popup_upload_input" type=file onchange="upload_file(this)"></span>
<button id="import_story_button" class="settings_button hidden" onclick="document.getElementById('import_aidg_club_popup').classList.remove('hidden');">
<span class="material-icons-outlined cursor" title="Import Story">cloud_download</span>
<span> Import Story</span>
<span class="button_label">Import Story</span>
</button>
</div>

View File

@@ -50,7 +50,7 @@
<div style="text-align: center;">
<button class="settings_button" onclick="socket.emit('load_model_button', {});">
<span class="material-icons-outlined cursor" title="Load Model" style="font-size: 1.4em;">folder_open</span>
<span> Load Model</span>
<span class="button_label">Load Model</span>
</button>
<select class="var_sync_model_selected_preset settings_select presets" onchange='sync_to_server(this)'><option>Preset</option></select>
</div>
@@ -72,15 +72,15 @@
<div class="story_title_icons">
<button class="settings_button" onclick="socket.emit('new_story', '');">
<span class="material-icons-outlined cursor" title="New Story">description</span>
<span> New Story</span>
<span class="button_label">New Story</span>
</button>
<button class="settings_button" onclick="socket.emit('load_story_list', '');">
<span class="material-icons-outlined cursor" title="Load Story">folder_open</span>
<span> Load Story</span>
<span class="button_label">Load Story</span>
</button>
<button class="settings_button var_sync_alt_story_gamesaved" onclick='socket.emit("save_story", null, (response) => {save_as_story(response);});'>
<span class="material-icons-outlined cursor var_sync_alt_story_gamesaved" title="Save Story">save</span>
<span> Save Story</span>
<span class="button_label">Save Story</span>
</button>