From e436f0c20e61acd2943456d823fda39c6a988794 Mon Sep 17 00:00:00 2001
From: Faris Ansari <netchamp.faris@gmail.com>
Date: Mon, 15 Oct 2018 17:37:54 +0530
Subject: [PATCH] Scoped styles in Table.vue

---
 ui/components/controls/Table.vue | 37 +++++++++++++++-----------------
 1 file changed, 17 insertions(+), 20 deletions(-)

diff --git a/ui/components/controls/Table.vue b/ui/components/controls/Table.vue
index ddd7987f..28e074ac 100644
--- a/ui/components/controls/Table.vue
+++ b/ui/components/controls/Table.vue
@@ -290,32 +290,29 @@ export default {
   }
 };
 </script>
-<style>
-.table-cell .form-control {
+<style lang="scss" scoped>
+td {
+  padding: 0;
+  outline: none;
+}
+
+.table-cell {
+  padding: 0.75rem;
+  border: 1px solid transparent;
+
+  &.active {
+    border: 1px solid var(--blue);
+  }
+}
+
+.form-control, .form-group .form-control {
   padding: 0;
   border: none;
   box-shadow: none;
   outline: none;
 }
 
-.table td {
-  padding: 0;
-}
-
-.table-cell {
-  padding: 0.75rem;
-  border: 1px solid transparent;
-}
-
-.table [data-fieldtype='Link'] .input-group-append {
+[data-fieldtype='Link'] .input-group-append {
   display: none;
 }
-
-td {
-  outline: none;
-}
-
-.table-cell.active {
-  border: 1px solid var(--blue);
-}
 </style>