table padding (#146)

ludeknovy · May 10, 2021 · 3fb29e2 · 3fb29e2
1 parent 0c9ed86
commit 3fb29e2
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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;
+}