Smaller ui updates (#32)

renuo · May 10, 2021 · 352f82b · 352f82b
1 parent 54d5e2c
commit 352f82b
Show file tree

Hide file tree

Showing 6 changed files with 27 additions and 7 deletions.
diff --git a/app/views/timer_sessions/_sessions_filters.html.slim b/app/views/timer_sessions/_sessions_filters.html.slim
@@ -5,5 +5,5 @@
         = f.date_field :min_date
       .col
         = f.date_field :max_date
-
+    .mt-3
     = f.submit t('timer_sessions.filters.filter')
diff --git a/app/views/timer_sessions/_timer_container.html.slim b/app/views/timer_sessions/_timer_container.html.slim
@@ -10,10 +10,11 @@
       = f.hidden_field :id, data: { timer_id: '' }
       = error_messages_for active_timer_session
       - if active_timer_session.timer_start
-        .box
+        .text-center
           div[data-hours-timer]
             h1
-              #hours-clock
+              =<> t('timer_sessions.timer.current')
+              span#hours-clock
       .row
         .issue-container
           .box

diff --git a/app/views/timer_sessions/_timer_sessions_day_block.html.slim b/app/views/timer_sessions/_timer_sessions_day_block.html.slim
@@ -1,6 +1,7 @@
 .box
-  h3 = format_block_date(date)
-  b.float-right = sum_work_hours(Array.wrap(timer_sessions))
+  .space-between.mb-3
+    b.h3 = format_block_date(date)
+    b.float-right = sum_work_hours(Array.wrap(timer_sessions))
   table.list.timer-sessions-table
     tbody
       - Array.wrap(timer_sessions).each do |timer_session|

diff --git a/app/views/timer_sessions/_timer_sessions_list.html.slim b/app/views/timer_sessions/_timer_sessions_list.html.slim
@@ -1,5 +1,5 @@
-= render 'sessions_filters'
-
+.w-75.mx-auto
+  = render 'sessions_filters'
 - (timer_sessions_by_day || []).each do |date, timer_session_day|
   = render 'timer_sessions_day_block',
     date: date,

diff --git a/assets/stylesheets/utils.css b/assets/stylesheets/utils.css
@@ -16,6 +16,23 @@
   border-collapse:collapse;
 }
 
+.timer-sessions-table > td {
+    text-align: left;
+    margin-left: 5px;
+}
+
 .text-center {
   text-align: center;
 }
+
+.space-between {
+  display: flex;
+  -moz-box-pack: justify;
+  justify-content: space-between;
+  -moz-box-align: center;
+  align-items: center;
+}
+
+.h3 {
+  font-size: 3rem;
+}
diff --git a/config/locales/en.yml b/config/locales/en.yml
@@ -70,6 +70,7 @@ en:
       stop: Stop
       cancel: Cancel
       date_placeholder: 'dd.mm.yyyy hh:mm'
+      current: 'Current Timer:'
     index:
       title: Tracky
       table: