diff --git a/CSS/style.css b/CSS/style.css index ca0726e..02a594c 100644 --- a/CSS/style.css +++ b/CSS/style.css @@ -388,6 +388,9 @@ a { margin: 24px auto; padding: 16px 8px; box-sizing: border-box; + display: flex; + flex-direction: column; + align-items: center; } .news-header { text-align: center; @@ -400,6 +403,13 @@ a { margin: 0 auto; display: inline-block; } + .card--wide { + max-width: 700px; + width: auto; + margin: 0 auto; + display: block; + overflow-wrap: break-word; + } } table { width: 100%; @@ -479,14 +489,20 @@ td a:hover { overflow: hidden; } .card h3 { - margin: 0 0 8px 0; - font-size: 1.2em; + margin: 0 0 10px 0; + font-size: 1.25em; color: #222; + font-weight: bold; + border-bottom: 2px solid #e0e0e0; + padding-bottom: 6px; } .card .news-date { font-size: 0.95em; color: #888; - margin-bottom: 10px; + margin-bottom: 16px; + margin-top: 2px; + display: block; + letter-spacing: 0.5px; } .card .news-desc { font-size: 1em; @@ -502,10 +518,11 @@ td a:hover { } .card--wide { max-width: 700px; - width: 90vw; - display: flex; + width: 100%; + margin: 0 auto; + display: block; + overflow: visible; overflow-wrap: break-word; - overflow: hidden; } .news-desc a { color: #007b9e; @@ -539,9 +556,9 @@ td a:hover { } } .status-box { - background: #ffe0e0; - color: #b30000; - border: 1px solid #ffb3b3; + background: #e6f9e6; + color: #217a21; + border: 1px solid #b3e6b3; border-radius: 6px; padding: 10px 16px; margin-bottom: 18px; diff --git a/Views/News/showNewsDetail.phtml b/Views/News/showNewsDetail.phtml index 51f3b9e..d7c8949 100644 --- a/Views/News/showNewsDetail.phtml +++ b/Views/News/showNewsDetail.phtml @@ -4,7 +4,7 @@

- Zurück zur Übersicht + Zurück zur Übersicht \ No newline at end of file