Merge pull request #60 from ASFHyP3/announcement-tweaks

Announcement style tweaks

CHANGELOG.md

@@ -7,6 +7,12 @@ and this project adheres to [PEP 440](https://www.python.org/dev/peps/pep-0440/)
 and uses [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 
+## [0.3.2]
+
+### Changed
+* Tables are now displayed at maximum width.
+* Announcement banner style has been improved.
+
 ## [0.3.1]
 
 ### Changed

src/asf_theme/assets/stylesheets/asf.css

@@ -6,6 +6,17 @@ a {
   color: #236192;
 }
 
+/*
+Set tables to max width:
+https://github.com/squidfunk/mkdocs-material/issues/175#issuecomment-616694465
+*/
+.md-typeset__table {
+   min-width: 100%;
+}
+.md-typeset table:not([class]) {
+    display: table;
+}
+
 .md-header a, .md-footer a {
   color: rgba(248, 248, 248, 100);
 }
@@ -116,3 +127,22 @@ a {
 .expert-rec-search {
   margin-top: 10px;
 }
+
+#announcement-content {
+  font-weight: bold;
+  text-align: center;
+}
+
+a.announcement-link {
+  color: #33adff;
+  text-decoration: underline;
+}
+
+/*
+Without this block, there is a non-clickable, apparently useless X icon displayed
+on the right-hand side of the announcement bar, near the real X button.
+This block hides that element.
+*/
+i.fa.fa-times::before {
+  display: none;
+}