66</ head >
77
88< body class =" loading ">
9- < section id ="header ">
10- < section id ="env-actions ">
11- < h2 > Environment</ h2 >
12- < select id ="environment ">
13- < option value ="custom "> </ option >
14- < option value ="prod "> Prod</ option >
15- < option value ="prod-preview "> Prod (preview)</ option >
16- < option value ="stage "> Stage</ option >
17- < option value ="stage-preview "> Stage (preview)</ option >
18- < option value ="dev "> Dev</ option >
19- < option value ="dev-preview "> Dev (preview)</ option >
20- < option value ="local "> Local</ option >
21- </ select >
22- < button id ="run-poll " title ="Poll for changes of remote settings "> Sync</ button >
23- < button id ="clear-all-data " title ="Clear every local data "> Clear all</ button >
24- < div id ="environment-error " class ="error "> ⚠️ Environment cannot be changed. Try running Firefox with environment variable < pre > MOZ_REMOTE_SETTINGS_DEVTOOLS=1</ pre > </ div >
25- </ section >
26- < section id ="header-status "">
9+ < section id ="header " class ="bordered ">
10+ < div > <!-- make a column -->
11+ < section id ="actions ">
12+ < button id ="run-poll " title ="Poll for changes of remote settings "> Sync</ button >
13+ < button id ="clear-all-data " title ="Clear every local data "> Clear all</ button >
14+ < div id ="environment-error " class ="error "> ⚠️ Environment cannot be changed. Try running Firefox with environment variable < pre > MOZ_REMOTE_SETTINGS_DEVTOOLS=1</ pre > </ div >
15+ </ section >
16+ < section id ="options " class ="bordered ">
17+ < h2 > Options</ h2 >
18+ < select id ="environment ">
19+ < option value ="custom "> </ option >
20+ < option value ="prod "> Prod</ option >
21+ < option value ="prod-preview "> Prod (preview)</ option >
22+ < option value ="stage "> Stage</ option >
23+ < option value ="stage-preview "> Stage (preview)</ option >
24+ < option value ="dev "> Dev</ option >
25+ < option value ="dev-preview "> Dev (preview)</ option >
26+ < option value ="local "> Local</ option >
27+ </ select >
28+ < span >
29+ < input type ="checkbox " id ="enable-signatures "/>
30+ < label for ="enable-signatures "> Signatures enabled</ label >
31+ </ span >
32+ </ section >
33+ </ div >
34+ < section id ="header-status " class ="bordered ">
2735 < h2 > Status</ h2 >
2836 < div id ="polling-error " class ="error "> </ div >
2937 < dl >
@@ -41,12 +49,12 @@ <h2>Status</h2>
4149 < dd id ="last-check "> N/A</ dd >
4250 </ dl >
4351 </ section >
44- < section id ="sync-history ">
52+ < section id ="sync-history " class =" bordered " >
4553 < h2 > Sync History</ h2 >
4654 < ul > </ ul >
4755 </ section >
4856 </ section >
49- < section id ="status ">
57+ < section id ="status " class =" bordered " >
5058 < table id ="status-table ">
5159 < thead >
5260 < tr >
0 commit comments