From bbd363d8e1c18c640bde28cde741e19a56c49706 Mon Sep 17 00:00:00 2001
From: Anxhelo Lushka <anxhelo1995@gmail.com>
Date: Mon, 14 Oct 2019 20:40:00 +0200
Subject: [PATCH] Fixed table overflow

---
 assets/layout.scss                      | 4 ++++
 layouts/partials/design/typography.html | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/assets/layout.scss b/assets/layout.scss
index 5634396..60e7675 100644
--- a/assets/layout.scss
+++ b/assets/layout.scss
@@ -352,6 +352,10 @@ th, td {
   font-weight: bold;
 }
 
+.overflow {
+  overflow: auto;
+}
+
 span {
   display: inline-block;
 }
diff --git a/layouts/partials/design/typography.html b/layouts/partials/design/typography.html
index 9f8cd72..dd19846 100644
--- a/layouts/partials/design/typography.html
+++ b/layouts/partials/design/typography.html
@@ -8,7 +8,7 @@
   <p class="pt-3">Briar’s typography system slightly differs from platform to platform. On the web, we use a slightly modified version of the <a class="underline" href="https://material.io/design/typography/the-type-system.html" target="_blank" rel="noopener">Material Design typography guidelines</a> using the <a class="underline" href="https://rsms.me" target="_blank" rel="noopener">Inter typeface by Rasmus Andersson</a> and <a class="underline" href="https://fonts.google.com/specimen/Roboto" target="_blank" rel="noopener">Roboto Mono</a> for code snippets and other cases where a monospace font might be required.</p>
 </div>
 
-<div class="row mono no-gutters">
+<div class="row mono overflow no-gutters">
  <table>
   <tr class="mono">
     <th>Scale Category</th>
-- 
GitLab