Skip to content

Commit b6905c7

Browse files
MaxITServiceMaxITService
committed
row separation
1 parent bfe5402 commit b6905c7

File tree

1 file changed

+54
-42
lines changed

1 file changed

+54
-42
lines changed

‎popup.html‎

Lines changed: 54 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,24 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8">
5-
<title>Max Extension Settings</title>
6-
<!-- Base styles: Root variables, body, container, section, and headings -->
7-
<link rel="stylesheet" href="/popup-page-styles/popup-base.css">
8-
<!-- Layout styles: Row layouts, form controls, and profile action containers -->
9-
<link rel="stylesheet" href="/popup-page-styles/popup-layout.css">
10-
<!-- Custom buttons: Button list container, button items, drag handles, and separators -->
11-
<link rel="stylesheet" href="/popup-page-styles/popup-buttons.css">
12-
<!-- UI Components: Console, save status, export/import buttons, confirmation & error dialogs, and toast notifications -->
13-
<link rel="stylesheet" href="/popup-page-styles/popup-components.css">
14-
<!-- Toggle switch styles: iPhone-style toggle switches -->
15-
<link rel="stylesheet" href="/popup-page-styles/popup-toggle.css">
16-
<!-- Theme overrides: Dark mode styles -->
17-
<link rel="stylesheet" href="/popup-page-styles/popup-theme.css">
18-
</head>
19-
<body>
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<title>Max Extension Settings</title>
7+
<!-- Base styles: Root variables, body, container, section, and headings -->
8+
<link rel="stylesheet" href="/popup-page-styles/popup-base.css">
9+
<!-- Layout styles: Row layouts, form controls, and profile action containers -->
10+
<link rel="stylesheet" href="/popup-page-styles/popup-layout.css">
11+
<!-- Custom buttons: Button list container, button items, drag handles, and separators -->
12+
<link rel="stylesheet" href="/popup-page-styles/popup-buttons.css">
13+
<!-- UI Components: Console, save status, export/import buttons, confirmation & error dialogs, and toast notifications -->
14+
<link rel="stylesheet" href="/popup-page-styles/popup-components.css">
15+
<!-- Toggle switch styles: iPhone-style toggle switches -->
16+
<link rel="stylesheet" href="/popup-page-styles/popup-toggle.css">
17+
<!-- Theme overrides: Dark mode styles -->
18+
<link rel="stylesheet" href="/popup-page-styles/popup-theme.css">
19+
</head>
20+
21+
<body>
2022
<div class="container">
2123
<!-- Profile Section -->
2224
<section class="section">
@@ -49,7 +51,7 @@ <h2>Profile</h2>
4951
<button id="cancelCopyProfile" class="danger">Cancel</button>
5052
</div>
5153
</section>
52-
54+
5355
<div id="saveStatus" class="small-hoovering-text">Last saved: Never</div>
5456
<!-- Button Configuration (buttons are added dynamically) -->
5557
<section class="section">
@@ -70,27 +72,34 @@ <h2>Button Configuration</h2>
7072
<!-- Buttons added dynamically -->
7173
</div>
7274
</section>
73-
75+
7476
<!-- Settings -->
7577
<section class="section">
7678
<h2>Settings</h2>
77-
<label class="checkbox-row">
78-
<input type="checkbox" id="autoSendToggle">
79-
<span>Enable Global Auto-send for profile. Disabling will disable auto-send everywhere.</span>
80-
</label>
81-
<label class="checkbox-row">
82-
<input type="checkbox" id="shortcutsToggle">
83-
<span>Enable Keyboard Shortcuts</span>
84-
</label>
85-
<button id="revertDefault" class="danger">Revert Current Profile to Default</button>
79+
<div class="row">
80+
<label class="checkbox-row">
81+
<input type="checkbox" id="autoSendToggle">
82+
<span>Enable Global Auto-send for profile. Disabling will disable auto-send everywhere.</span>
83+
</label>
84+
</div>
85+
<div class="row">
86+
<label class="checkbox-row">
87+
<input type="checkbox" id="shortcutsToggle">
88+
<span>Enable Keyboard Shortcuts</span>
89+
</label>
90+
</div>
91+
<div class="row">
92+
<button id="revertDefault" class="danger">Revert Current Profile to Default</button>
93+
</div>
8694
</section>
87-
95+
96+
8897
<!-- Console -->
8998
<section class="section">
9099
<h2>Console</h2>
91100
<div id="console" class="console"></div>
92101
</section>
93-
102+
94103
<!-- Backup Section -->
95104
<section class="section" id="backupSection">
96105
<h2>Backup & Restore</h2>
@@ -112,7 +121,7 @@ <h2>Backup & Restore</h2>
112121
<p>Error loading file. Please ensure the file is a valid JSON profile.</p>
113122
</div>
114123
</section>
115-
124+
116125
<!-- Help Section -->
117126
<section class="section" id="helpSection">
118127
<h2>Help</h2>
@@ -122,26 +131,28 @@ <h2>Help</h2>
122131
BACKUP YOUR PROFILE! I am not yet skillful enough in JS to make sure all updates will go without
123132
problems</p>
124133
<ul>
125-
<li>Pressing "Shift" while pressing a key or button changes its autosend behaviour! Works both with clicks and keyboard shortcuts!</li>
134+
<li>Pressing "Shift" while pressing a key or button changes its autosend behaviour! Works both with
135+
clicks and keyboard shortcuts!</li>
126136
<li>Keyboard shortcuts can be enabled in Settings section</li>
127137
<li>In case of a problem: first step is to reload your browser.</li>
128-
<li>In case something stopped working completely: The websites often change their structure. My extension
138+
<li>In case something stopped working completely: The websites often change their structure. My
139+
extension
129140
therefore addresses elements that are not longer present. Therefore, when I notice this, I need
130141
to make an update, and then it takes time for Google to approve it.</li>
131142
<li>In case something is not working: try to use English version of the websites. LLMs do not care
132143
about language, so you can use any language you want in chat, while keeping interface language
133144
English. I only test on English languages of webpages, because I have to work and have no spare
134145
time.</li>
135146
<li><a href="https://github.com/MaxITService/ChatGPT-Quick-Buttons-for-your-text">Github: you can
136-
provide code you want to see in app here.</a></li>
147+
provide code you want to see in app here.</a></li>
137148
<li><a href="https://buymeacoffee.com/netstaff">Donation link. If you are very rich, please send me
138-
huge amount of money, thank you!</a></li>
149+
huge amount of money, thank you!</a></li>
139150
<li>Introducing changes faster than once in second causes saving issues</li>
140151
</ul>
141152
</div>
142153
</section>
143-
144-
<!-- ===== New Theme Section (Dark Theme Toggle) ===== -->
154+
155+
<!-- ===== Theme Section (Dark Theme Toggle) ===== -->
145156
<section class="section" id="themeSection">
146157
<h2>Theme</h2>
147158
<!-- iPhone-style toggle switch -->
@@ -154,12 +165,12 @@ <h2>Theme</h2>
154165
</div>
155166
</section>
156167
<!-- ===== End Theme Section ===== -->
157-
168+
158169
</div>
159-
170+
160171
<!-- Toast Notification Container -->
161172
<div id="toastContainer" class="toast-container"></div>
162-
173+
163174
<script src="log.js"></script>
164175
<script src="/popup-page-scripts/popup-page-visuals.js"></script>
165176
<script src="/popup-page-scripts/popup-page-profiles.js"></script>
@@ -168,5 +179,6 @@ <h2>Theme</h2>
168179
<script src="/popup-page-scripts/popup-page-script.js"></script>
169180
<!-- New Theme script for Dark Mode support -->
170181
<script src="/popup-page-scripts/popup-page-theme.js"></script>
171-
</body>
172-
</html>
182+
</body>
183+
184+
</html>

0 commit comments

Comments
 (0)