remove useless 'wrapper' and 'container' divs from html

This commit is contained in:
Max Pozdeev 2022-02-22 23:53:50 +03:00
parent ff10c473e0
commit 422d3b82e6
2 changed files with 10 additions and 7 deletions

View file

@ -34,8 +34,6 @@ $().ready(function(){
});
</script>
<div id="wrapper">
<div id="container">
<div id="mtt_body">
<!-- Top block -->
@ -279,7 +277,6 @@ $().ready(function(){
</div>
</div><!-- end of #mtt_body -->
</div><!-- end of #container -->
<div id="footer">
<div id="footer_content">
@ -287,6 +284,5 @@ $().ready(function(){
</div>
</div>
</div>
</body>
</html>

View file

@ -103,14 +103,21 @@ body {
height: 100%;
background-color: var(--color-bg);
color: var(--color-text-default);
display:flex;
flex-direction:column;
align-items:center;
}
body, td, th, input, textarea, select {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", /*Roboto,*/ Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
font-size: 1rem;
}
#wrapper { display:flex; flex-direction:column; align-items:center; height:100%; }
#container { flex: 1 0 auto; width:100%; max-width:1000px; }
#mtt_body { padding:8px; margin-bottom:8px; } /* TODO: can combine container and mtt_body */
#mtt_body {
flex: 1 0 auto;
width:100%;
max-width:1000px;
padding:8px;
margin-bottom:8px;
}
form { display: inline; }
.topblock h2 {