Fix color inputs to wrap on mobile, fix timeline background color to not clash with panel headings.

1 files changed, 3 insertions, 2 deletions

diff --git a/src/components/style_switcher/style_switcher.vue b/src/components/style_switcher/style_switcher.vue
index 30dfdf8d..f92f7299 100644
--- a/src/components/style_switcher/style_switcher.vue
+++ b/src/components/style_switcher/style_switcher.vue
@@ -49,16 +49,17 @@
 
  .color-container {
    display: flex;
+   flex-wrap: wrap;
  }
 
  .color-item {
-   max-width: 7em;
+   max-width: 9em;
    display:flex;
    flex-wrap:wrap;
  }
 
  .theme-color-in {
-   max-width: 6em;
+   max-width: 8em;
    border-radius: 2px;
    border: 0;
    padding: 5px;