From 59a05081c5ab6250a51b58a44c6b11245c7c79c4 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 8 Apr 2018 03:43:07 +0300
Subject: some styles fixes

---
 src/components/style_switcher/style_switcher.vue | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

(limited to 'src/components/style_switcher/style_switcher.vue')

diff --git a/src/components/style_switcher/style_switcher.vue b/src/components/style_switcher/style_switcher.vue
index ef4a21bd..9c39b245 100644
--- a/src/components/style_switcher/style_switcher.vue
+++ b/src/components/style_switcher/style_switcher.vue
@@ -55,32 +55,32 @@
       <p>{{$t('settings.radii_help')}}</p>
       <div class="radius-item">
         <label for="btnradius" class="theme-radius-lb">{{$t('settings.btnRadius')}}</label>
-        <input id="btnradius" class="theme-radius-rn" type="range" v-model="btnRadiusLocal">
+        <input id="btnradius" class="theme-radius-rn" type="range" v-model="btnRadiusLocal" max="16">
         <input id="btnradius-t" class="theme-radius-in" type="text" v-model="btnRadiusLocal">
       </div>
       <div class="radius-item">
         <label for="panelradius" class="theme-radius-lb">{{$t('settings.panelRadius')}}</label>
-        <input id="panelradius" class="theme-radius-rn" type="range" v-model="panelRadiusLocal">
+        <input id="panelradius" class="theme-radius-rn" type="range" v-model="panelRadiusLocal" max="50">
         <input id="panelradius-t" class="theme-radius-in" type="text" v-model="panelRadiusLocal">
       </div>
       <div class="radius-item">
         <label for="avatarradius" class="theme-radius-lb">{{$t('settings.avatarRadius')}}</label>
-        <input id="avatarradius" class="theme-radius-rn" type="range" v-model="avatarRadiusLocal">
+        <input id="avatarradius" class="theme-radius-rn" type="range" v-model="avatarRadiusLocal" max="28">
         <input id="avatarradius-t" class="theme-radius-in" type="green" v-model="avatarRadiusLocal">
       </div>
       <div class="radius-item">
         <label for="avataraltradius" class="theme-radius-lb">{{$t('settings.avatarAltRadius')}}</label>
-        <input id="avataraltradius" class="theme-radius-rn" type="range" v-model="avatarAltRadiusLocal">
+        <input id="avataraltradius" class="theme-radius-rn" type="range" v-model="avatarAltRadiusLocal" max="28">
         <input id="avataraltradius-t" class="theme-radius-in" type="text" v-model="avatarAltRadiusLocal">
       </div>
       <div class="radius-item">
         <label for="attachmentradius" class="theme-radius-lb">{{$t('settings.attachmentRadius')}}</label>
-        <input id="attachmentrradius" class="theme-radius-rn" type="range" v-model="attachmentRadiusLocal">
+        <input id="attachmentrradius" class="theme-radius-rn" type="range" v-model="attachmentRadiusLocal" max="50">
         <input id="attachmentradius-t" class="theme-radius-in" type="text" v-model="attachmentRadiusLocal">
       </div>
       <div class="radius-item">
         <label for="tooltipradius" class="theme-radius-lb">{{$t('settings.tooltipRadius')}}</label>
-        <input id="tooltipradius" class="theme-radius-rn" type="range" v-model="tooltipRadiusLocal">
+        <input id="tooltipradius" class="theme-radius-rn" type="range" v-model="tooltipRadiusLocal" max="20">
         <input id="tooltipradius-t" class="theme-radius-in" type="text" v-model="tooltipRadiusLocal">
       </div>
     </div>
@@ -166,6 +166,7 @@
   box-shadow: none;
   background: transparent;
   color: var(--faint, $fallback--faint);
+  align-self: stretch;
 }
 
 .theme-color-cl,
@@ -175,7 +176,6 @@
 }
 
 .theme-color-in {
-  padding: 5px;
   min-width: 4em;
 }
 
@@ -206,7 +206,6 @@
 .theme-color-cl {
   padding: 1px;
   max-width: 8em;
-  align-self: stretch;
   height: 100%;
   flex: 0;
   min-width: 2em;
-- 
cgit v1.2.3-70-g09d2