Toolkit: - Fix indicator sizing

- Set max thumbnail width
- Increase thumbnail spacing

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 {

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
     }