`fitWidth` for `video-miniature`, fluid grid (#2830)

[oweals/peertube.git] / client / src / app / +admin / plugins / shared / toggle-plugin-type.scss

diff --git a/client/src/app/+admin/plugins/shared/toggle-plugin-type.scss b/client/src/app/+admin/plugins/shared/toggle-plugin-type.scss
index ea2eda28ccf574be8fe77b23060b4791603bcaf2..b653abfaaf6cb752be07a6f9f33dc12f2e1f34b5 100644 (file)
--- a/client/src/app/+admin/plugins/shared/toggle-plugin-type.scss
+++ b/client/src/app/+admin/plugins/shared/toggle-plugin-type.scss
@@ -7,14 +7,29 @@
   margin-bottom: 30px;
 
   p-selectButton {
-    /deep/ {
+    ::ng-deep {
       .ui-button-text {
         font-size: 15px;
+        font-weight: 600;
+      }
+
+      .ui-button.ui-state-default {
+        background-color: #f0f0f0;
+        border: 1px solid #f0f0f0;
       }
 
       .ui-button.ui-state-active {
-        background-color: var(--mainColor);
-        border-color: var(--mainColor);
+        background-color: pvar(--mainColor);
+        border-color: pvar(--mainColor);
+
+        &:hover {
+          background-color: pvar(--mainHoverColor);
+          border-color: pvar(--mainHoverColor);
+        }
+      }
+
+      .ui-button:not(.ui-state-active).ui-state-focus {
+        box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2);
       }
     }
   }