Fix terms table layout

2026-08-24 15:28:54 +00:00 · 2017-02-17 04:31:13 -06:00
parent 5091be1c7b
commit 5629f7e26e
3 changed files with 14 additions and 2 deletions
@@ -7,7 +7,7 @@
 		{{ $data := .Data }}
 		{{ $dataPlural := .Title | urlize}}
 		{{ $base := $.Site.BaseURL }}
-		<table>
+		<table class="terms-table">
 			<thead>
 				<tr>
 					<th>Term</th>
@@ -1,9 +1,12 @@
 table {
  text-align: left;
  overflow-x: scroll;
+  width: 100%;
  max-width: 100%;
+  width: auto;
  display: block;
  border-left: 2px solid $hugo-gray;
+  margin:0px;
  tr {
    border-top: 2px solid $hugo-gray;
    th,
@@ -15,8 +18,15 @@ table {
      }
    }
  }
+  &.terms-table {
+    td {
+      width:50%;
+    }
+  }
  thead {
+    width:100%;
    tr {
+      min-width:100%;
      th {
        padding-left: 4px;
        padding-right: 6px;
@@ -29,7 +39,9 @@ table {
    }
  }
  tbody {
+    min-width:100%;
    tr {
+      min-width:100%;
      background-color: $body-bg-color;
      &:nth-child(even) {
        background-color: $hugo-gray-light;