diff --git a/watcher/static/index.css b/watcher/static/index.css index 273044f..8d0329c 100644 --- a/watcher/static/index.css +++ b/watcher/static/index.css @@ -1,6 +1,7 @@ body { overflow: hidden; background: #b6b6b5; + font-family: 'Roboto', sans-serif; } h1 { @@ -26,6 +27,18 @@ h1 { flex-direction: column; background: #e2e1e0; width: 30%; + position: relative; +} + +.card__title { + position: absolute; + bottom: 0; + right: 0; + color: darkslategrey; + font-size: 2.5rem; + font-weight: bolder; + padding: 10px; + text-transform: uppercase; } .item { @@ -41,3 +54,4 @@ h1 { align-items: center; justify-content: space-between; } + diff --git a/watcher/templates/index.html b/watcher/templates/index.html index 1e0219d..5c2c47b 100644 --- a/watcher/templates/index.html +++ b/watcher/templates/index.html @@ -1,55 +1,75 @@ +
+ + + + + - - - - - - - +