75
75
border-radius : 10px ;
76
76
padding-top : 30px ;
77
77
padding-bottom : 30px ;
78
+ margin-top : 15px ;
78
79
}
79
80
80
81
.header {
196
197
197
198
.mode_switch_container {
198
199
display : flex;
199
- margin-top : 15px ;
200
200
padding-left : 10px ;
201
201
padding-right : 10px ;
202
202
}
@@ -299,6 +299,22 @@ <h5 id="help_text">
299
299
</ h5 >
300
300
</ div >
301
301
< div class ="shadow_container ">
302
+
303
+ < div class ="mode_switch_container " id ="mode_switch_container ">
304
+ < h4 id ="label_firmware "> Firmware</ h4 >
305
+ < div class ="toggle_switch_container ">
306
+ < input
307
+ type ="checkbox "
308
+ class ="toggle_switch_checkbox "
309
+ id ="toggle_switch_checkbox "
310
+ />
311
+ < label class ="toggle_switch_switch " for ="toggle_switch_checkbox ">
312
+ < span class ="toggle_switch_slider "> </ span >
313
+ </ label >
314
+ </ div >
315
+ < h4 id ="label_filesystem "> File System</ h4 >
316
+ </ div >
317
+
302
318
< div class ="drop_zone " id ="drop_zone ">
303
319
< svg
304
320
xmlns ="http://www.w3.org/2000/svg "
@@ -318,21 +334,6 @@ <h2>Drag and drop here</h2>
318
334
< h6 id ="clickable_file_input "> or< br /> click to select (.bin) file</ h6 >
319
335
</ div >
320
336
321
- < div class ="mode_switch_container " id ="mode_switch_container ">
322
- < h4 id ="label_firmware "> Firmware</ h4 >
323
- < div class ="toggle_switch_container ">
324
- < input
325
- type ="checkbox "
326
- class ="toggle_switch_checkbox "
327
- id ="toggle_switch_checkbox "
328
- />
329
- < label class ="toggle_switch_switch " for ="toggle_switch_checkbox ">
330
- < span class ="toggle_switch_slider "> </ span >
331
- </ label >
332
- </ div >
333
- < h4 id ="label_filesystem "> File System</ h4 >
334
- </ div >
335
-
336
337
< div class ="progress_container " id ="progress_container ">
337
338
< div class ="filename_text " id ="filename_text "> Uploading file:</ div >
338
339
< div class ="progress_bar_container ">
0 commit comments