Switch from floating windows and clearfix to flex and justify-content: space-between

This commit is contained in:
Henrik Giesel 2021-01-22 11:37:11 +01:00
parent 0c35d30979
commit 97f8f1b89e
2 changed files with 10 additions and 8 deletions

View file

@ -33,7 +33,11 @@ body {
margin: 0;
}
#topbutsOuter {
#topbuts {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: sticky;
top: 0;
left: 0;

View file

@ -72,13 +72,11 @@ audio = (
_html = """
<style>
html { background: %s; }
#topbutsOuter { background: %s; }
#topbuts { background: %s; }
</style>
<div>
<div id="topbutsOuter">
<div id="topbuts" class="clearfix">
%s
</div>
<div id="topbuts">
%s
</div>
<div id="fields">
</div>
@ -206,10 +204,10 @@ class Editor:
righttopbtns = runFilter("setupEditorButtons", righttopbtns, self)
topbuts = """
<div id="topbutsleft" style="float:left;">
<div id="topbutsleft">
%(leftbts)s
</div>
<div id="topbutsright" style="float:right;">
<div id="topbutsright">
%(rightbts)s
</div>
""" % dict(