From 38d3737ef63dbfeb14cc161b42e76d7e86889c53 Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Wed, 16 Jun 2021 12:40:01 +0200
Subject: [PATCH] extract .nav-list

---
 src/assets/scss/app.scss                   |  1 -
 src/assets/scss/classes/_nav-list.scss     | 21 ---------------------
 src/components/nodes/NodeViewChildList.vue | 13 ++++++++++++-
 3 files changed, 12 insertions(+), 23 deletions(-)
 delete mode 100644 src/assets/scss/classes/_nav-list.scss

diff --git a/src/assets/scss/app.scss b/src/assets/scss/app.scss
index 660e9fd..3c1a153 100644
--- a/src/assets/scss/app.scss
+++ b/src/assets/scss/app.scss
@@ -6,7 +6,6 @@
 
 @import 'base/bootstrap-overrides';
 @import 'classes/misc';
-@import 'classes/nav-list';
 
 @import 'fonts/noto-sans';
 @import 'fonts/redaction';
diff --git a/src/assets/scss/classes/_nav-list.scss b/src/assets/scss/classes/_nav-list.scss
deleted file mode 100644
index 6296307..0000000
--- a/src/assets/scss/classes/_nav-list.scss
+++ /dev/null
@@ -1,21 +0,0 @@
-.nav-list {
-  font-family: $font-family-base;
-
-  ul {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 26px;
-    padding: 0;
-    margin: 0;
-  }
-
-  li {
-    list-style: none;
-    line-height: 0;
-
-    &:not(:last-child) {
-      margin-right: 20px;
-    }
-  }
-}
diff --git a/src/components/nodes/NodeViewChildList.vue b/src/components/nodes/NodeViewChildList.vue
index 6a97d05..d17867d 100644
--- a/src/components/nodes/NodeViewChildList.vue
+++ b/src/components/nodes/NodeViewChildList.vue
@@ -1,5 +1,5 @@
 <template>
-  <nav class="node-view-child-list nav-list" :class="{ 'smartphone': smartphone }">
+  <nav class="node-view-child-list" :class="{ 'smartphone': smartphone }">
     <ul>
       <li
         v-for="child in children" :key="child.id"
@@ -52,8 +52,19 @@ export default {
 
 <style lang="scss" scoped>
 .node-view-child-list {
+  ul {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 26px;
+    padding: 0;
+    margin: 0;
+    list-style: none;
+  }
+
   &-item {
     margin-right: 20px;
+    line-height: 0;
   }
 
   &.smartphone {