1.1 --- a/app/main/index/usage_terms.lua	Thu Feb 03 15:54:23 2022 +0100
     1.2 +++ b/app/main/index/usage_terms.lua	Thu Feb 03 15:57:22 2022 +0100
     1.3 @@ -1,19 +1,24 @@
     1.4 -ui.title(_"Terms of use")
     1.5 -
     1.6 -ui.section( function()
     1.7 +if not config.use_terms then
     1.8 +  return execute.view { module = "index", view = "404" }
     1.9 +end
    1.10  
    1.11 -  ui.sectionHead( function()
    1.12 -    ui.heading { level = 1, content = _"Terms of use" }
    1.13 -  end )
    1.14 -
    1.15 -  ui.sectionRow( function()
    1.16 +ui.title(config.use_terms_headline or _"Terms of use")
    1.17  
    1.18 -    ui.container{
    1.19 -      attr = { class = "wiki use_terms" },
    1.20 -      content = function()
    1.21 +ui.grid{ content = function()
    1.22 +  ui.cell_main{ content = function()
    1.23 +    ui.container { attr = { class = "mdl-card mdl-shadow--2dp mdl-card__fullwidth" }, content = function()
    1.24 +      ui.container{ attr = { class = "mdl-card__title mdl-card--border" }, content = function()
    1.25 +        ui.heading { attr = { class = "mdl-card__title-text" }, level = 2, content = function()
    1.26 +           ui.tag{ content = config.use_terms_headline or _"Terms of use" }
    1.27 +           if config.use_terms_subheadline then
    1.28 +            slot.put("<br>")
    1.29 +            ui.tag{ attr = { style = "font-size: 75%;" }, content = config.use_terms_subheadline }
    1.30 +           end
    1.31 +         end }
    1.32 +      end }
    1.33 +      ui.container{ attr = { class = "mdl-card__content draft" }, content = function()
    1.34          slot.put(config.use_terms)
    1.35 -      end
    1.36 -    }
    1.37 -
    1.38 -  end )
    1.39 -end )
    1.40 \ No newline at end of file
    1.41 +      end }
    1.42 +    end }
    1.43 +  end }
    1.44 +end }