From 3fb29e227ec5aa1c0c9147c39543d5c13132b052 Mon Sep 17 00:00:00 2001
From: Ludek <13610612+ludeknovy@users.noreply.github.com>
Date: Mon, 10 May 2021 20:20:17 +0200
Subject: [PATCH] table padding (#146)

---
 src/app/administration/api-token/api-keys.component.html  | 2 +-
 .../administration/projects/administration.component.html | 2 +-
 src/app/administration/users/users.component.html         | 2 +-
 src/app/dashboard/dashboard.component.html                | 2 +-
 src/app/scenario/scenario.component.html                  | 2 +-
 src/styles.scss                                           | 8 ++++++++
 6 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/app/administration/api-token/api-keys.component.html b/src/app/administration/api-token/api-keys.component.html
index ed8527a8..d5ba47b7 100644
--- a/src/app/administration/api-token/api-keys.component.html
+++ b/src/app/administration/api-token/api-keys.component.html
@@ -12,7 +12,7 @@
           <div class="card-body" *ngIf="apiKeys$ | async; let apiKeys">
             <div class="card-body">
               <div class="table-responsive" *ngIf="apiKeys$ | async; let apiKeys">
-                <table class="table items">
+                <table class="table items jtl-table">
                   <thead>
                     <tr>
                       <th scope="col" class="jtl-head">token</th>
diff --git a/src/app/administration/projects/administration.component.html b/src/app/administration/projects/administration.component.html
index bfc5a2be..7e7d80f9 100644
--- a/src/app/administration/projects/administration.component.html
+++ b/src/app/administration/projects/administration.component.html
@@ -12,7 +12,7 @@
           <div class="card-body" *ngIf="projects$ | async; let projects">
             <div class="card-body">
               <div class="table-responsive" *ngIf="projects$ | async; let projects">
-                <table class="table items">
+                <table class="table items jtl-table">
                   <thead>
                     <tr>
                       <th scope="col" class="jtl-head">project name</th>
diff --git a/src/app/administration/users/users.component.html b/src/app/administration/users/users.component.html
index 68842600..761661db 100644
--- a/src/app/administration/users/users.component.html
+++ b/src/app/administration/users/users.component.html
@@ -12,7 +12,7 @@
           <div class="card-body" *ngIf="users$ | async; let users">
             <div class="card-body">
                 <div class="table-responsive" *ngIf="users$ | async; let users">
-                  <table class="table items">
+                  <table class="table items jtl-table">
                     <thead>
                       <tr>
                         <th scope="col" class="jtl-head">username</th>
diff --git a/src/app/dashboard/dashboard.component.html b/src/app/dashboard/dashboard.component.html
index d1c166f7..cef8563b 100644
--- a/src/app/dashboard/dashboard.component.html
+++ b/src/app/dashboard/dashboard.component.html
@@ -69,7 +69,7 @@ <h2 *ngIf="overallStats.totalDuration < 60" class="card-title">{{
             <h6 class="card-header bg-transparent">Recent Test Runs</h6>
             <div class="card-body ">
               <div class="table-responsive">
-                <table class="table items">
+                <table class="table items jtl-table">
                   <thead>
                     <tr>
                       <th scope="col" class="jtl-head">scenario</th>
diff --git a/src/app/scenario/scenario.component.html b/src/app/scenario/scenario.component.html
index 8c3957d5..39f65c92 100644
--- a/src/app/scenario/scenario.component.html
+++ b/src/app/scenario/scenario.component.html
@@ -81,7 +81,7 @@ <h6 class="card-header bg-transparent">Test Runs
                     </h6>
                     <div class="card-body">
                       <div class="table-responsive">
-                        <table class="table items" [mfData]="items.data" #mf="mfDataTable">
+                        <table class="table items jtl-table" [mfData]="items.data" #mf="mfDataTable">
                           <thead>
                             <tr>
                               <th scope="col" class="jtl-head vu">
diff --git a/src/styles.scss b/src/styles.scss
index 155b2ee6..c9f232c5 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -154,3 +154,11 @@ a:hover {
 .jtl-primary-color {
   color: #4b7cf3;
 }
+
+.jtl-table tr td:first-child {
+  padding-left: 2.5rem;
+}
+
+.jtl-table tr th:first-child {
+  padding-left: 2.5rem;
+}