From 1284237019399e53ab7e61ae8cf0aab6ec2df479 Mon Sep 17 00:00:00 2001
From: Axolotle <nchesnais@mailoo.org>
Date: Fri, 11 Sep 2020 14:20:48 +0200
Subject: [PATCH] add generic scss

---
 app/src/scss/main.scss            | 27 +++++++++++++++++++++++++++
 app/src/views/Home.vue            | 14 +-------------
 app/src/views/group/GroupList.vue | 28 +---------------------------
 app/src/views/tool/ToolList.vue   | 13 +------------
 4 files changed, 30 insertions(+), 52 deletions(-)

diff --git a/app/src/scss/main.scss b/app/src/scss/main.scss
index de18d5f1..27f328bf 100644
--- a/app/src/scss/main.scss
+++ b/app/src/scss/main.scss
@@ -22,6 +22,20 @@ body {
   font-family: "Source Sans Pro", "Helvetica Neue", "Fira Sans", Helvetica, Arial, sans-serif;
 }
 
+.menu-list {
+  .list-group-item {
+      padding: 0.75rem 0;
+      display: flex;
+      align-items: center;
+  }
+
+  h2 {
+      font-size: 1.25rem;
+      font-weight: 400;
+      margin: 0;
+  }
+}
+
 
 .list-group-item {
   padding: 0.75rem 1rem;
@@ -53,11 +67,24 @@ body {
   }
 }
 
+.card + .card {
+  margin-top: 2rem;
+}
 .card-header h2 {
   margin: 0;
   font-size: 1.75rem;
 }
 
+// collapse icon
+.not-collapsed .icon {
+  transform: rotate(-90deg);
+}
+.collapsed .icon {
+  transform: rotate(90deg);
+  position: relative;
+  top: 2px;
+}
+
 
 // Fork-awesome overrides
 .fa-fw {
diff --git a/app/src/views/Home.vue b/app/src/views/Home.vue
index 2c2a83aa..abcc9821 100644
--- a/app/src/views/Home.vue
+++ b/app/src/views/Home.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="home">
-    <b-list-group>
+    <b-list-group class="menu-list">
       <b-list-group-item
         v-for="item in menu"
         :key="item.id"
@@ -36,18 +36,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.list-group-item {
-    padding: 0.75rem 0;
-    display: flex;
-    align-items: center;
-}
-
-h2 {
-    font-size: 1.25rem;
-    font-weight: 400;
-    margin: 0;
-}
-
 .home {
   margin-top: 2rem;
 }
diff --git a/app/src/views/group/GroupList.vue b/app/src/views/group/GroupList.vue
index 40dab4f0..c82831ae 100644
--- a/app/src/views/group/GroupList.vue
+++ b/app/src/views/group/GroupList.vue
@@ -22,7 +22,7 @@
       >
         <b-card-header class="d-flex align-items-center">
           <h2>
-            <icon iname="group" />{{ group.isSpecial ? $t('group_' + name) : `${$t('group')} "${name}"` }}
+            <icon iname="group" /> {{ group.isSpecial ? $t('group_' + name) : `${$t('group')} "${name}"` }}
           </h2>
 
           <div class="ml-auto">
@@ -301,33 +301,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.card + .card {
-  margin-top: 2rem;
-}
-.card-header {
-  h2 .icon {
-    font-size: 1.5rem;
-    width: 1.5rem;
-    margin-right: 1.25rem;
-  }
-}
-
-// collapse icon
-.not-collapsed .icon {
-  transform: rotate(-90deg);
-}
-.collapsed .icon {
-  transform: rotate(90deg);
-  position: relative;
-  top: 2px;
-}
-
 .row > div:first-child {
   margin-bottom: 1rem;
 }
-
-// delete modal
-#delete-modal .modal-body {
-  display: none;
-}
 </style>
diff --git a/app/src/views/tool/ToolList.vue b/app/src/views/tool/ToolList.vue
index 9f8d55ca..c7bb18ba 100644
--- a/app/src/views/tool/ToolList.vue
+++ b/app/src/views/tool/ToolList.vue
@@ -1,7 +1,7 @@
 <!-- FIXME make a component shared with Home.vue ? -->
 <template>
   <div class="tools-menu">
-    <b-list-group>
+    <b-list-group class="menu-list">
       <b-list-group-item
         v-for="item in menu"
         :key="item.id"
@@ -35,15 +35,4 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.list-group-item {
-    padding: 0.75rem 0;
-    display: flex;
-    align-items: center;
-}
-
-h2 {
-    font-size: 1.25rem;
-    font-weight: 400;
-    margin: 0;
-}
 </style>