From b1d2664c84857985551712240c0bd1e691dd812c Mon Sep 17 00:00:00 2001
From: asonix <asonix@asonix.dog>
Date: Sun, 24 Jan 2021 19:59:33 -0600
Subject: [PATCH] Toolkit: - Fix indicator sizing

- Set max thumbnail width
- Increase thumbnail spacing
---
 toolkit/scss/toolkit.scss | 11 +++++++----
 toolkit/src/button.rs     |  4 ++--
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/toolkit/scss/toolkit.scss b/toolkit/scss/toolkit.scss
index cc970fa..a3f9148 100644
--- a/toolkit/scss/toolkit.scss
+++ b/toolkit/scss/toolkit.scss
@@ -52,7 +52,7 @@ img {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
-    padding: 4px;
+    padding: 6px;
 
     img {
         max-height: 150px;
@@ -60,7 +60,8 @@ img {
 
     .toolkit-thumbnail {
         flex: 1 1 auto;
-        padding: 4px;
+        padding: 6px;
+        max-width: min(100%, 450px);
     }
 
     .toolkit-thumbnail--content {
@@ -72,6 +73,7 @@ img {
         border-radius: 3px;
         border-width: 1px;
         border-style: solid;
+        height: 100%;
     }
 
     .toolkit-thumbnail--image {
@@ -101,7 +103,7 @@ img {
     }
 }
 .toolkit-thumbnail--border {
-    padding: 0 8px;
+    padding: 0 12px;
     color: $dark;
     background-color: $light-background;
 
@@ -485,7 +487,7 @@ img {
         position: relative;
     }
 
-    &__small .toolkit-tile--indicator {
+    &__small .toolkit-indicator {
         height: 26px;
         width: 26px;
         border-radius: 13px;
@@ -498,6 +500,7 @@ img {
 
     img {
         object-fit: cover;
+        width: 100%;
     }
 
     .toolkit-link {
diff --git a/toolkit/src/button.rs b/toolkit/src/button.rs
index 0e1313c..64161e1 100644
--- a/toolkit/src/button.rs
+++ b/toolkit/src/button.rs
@@ -59,8 +59,8 @@ impl Button {
         self
     }
 
-    pub fn classes(mut self, classes: &[&str]) -> Self {
-        self.classes = classes.into_iter().map(|s| s.to_string()).collect();
+    pub fn class(mut self, class: &str) -> Self {
+        self.classes.push(class.to_owned());
         self
     }