From 6a0fcd5d32d5cfd57c6f2d8ba41b6831061b198d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Elo=C3=ADzio=20Salgado?= <eloisalgado@gmail.com>
Date: Tue, 15 Nov 2016 13:56:35 -0200
Subject: [PATCH] LT-328: improving radio buttons

---
 .../studyAssociationTable.html                |  4 +--
 .../studyAssociationTable.styl                | 26 +++++++++++++++++++
 2 files changed, 28 insertions(+), 2 deletions(-)

diff --git a/Packages/ohif-measurements/client/components/association/associationModal/studyAssociationTable/studyAssociationTable.html b/Packages/ohif-measurements/client/components/association/associationModal/studyAssociationTable/studyAssociationTable.html
index e288bdf4c..b8a3ae10c 100644
--- a/Packages/ohif-measurements/client/components/association/associationModal/studyAssociationTable/studyAssociationTable.html
+++ b/Packages/ohif-measurements/client/components/association/associationModal/studyAssociationTable/studyAssociationTable.html
@@ -23,7 +23,7 @@
                 {{#each relevantStudies}}
                     <tr>
                         <td class="center">
-                            <input type="checkbox" class="includeStudy" {{valueIf autoselected '' 'checked'}}/>
+                            <input type="checkbox" class="includeStudy" {{valueIf autoselected '' 'checked'}}/> <span></span>
                         </td>
                         <td class="center studyDataCell {{#if autoselected}}disabled{{/if}}">
                             {{#if autoselected}}
@@ -51,7 +51,7 @@
                                           class="timepointOption"
                                           {{valueIf checked 'checked' ''}}
                                           {{valueIf autoselected 'disabled' ''}}>
-                                        {{name}}
+                                        <span></span>{{name}}
                                 </label>
                             {{/each}}
                         </td>
diff --git a/Packages/ohif-measurements/client/components/association/associationModal/studyAssociationTable/studyAssociationTable.styl b/Packages/ohif-measurements/client/components/association/associationModal/studyAssociationTable/studyAssociationTable.styl
index c24334156..12587f6f5 100644
--- a/Packages/ohif-measurements/client/components/association/associationModal/studyAssociationTable/studyAssociationTable.styl
+++ b/Packages/ohif-measurements/client/components/association/associationModal/studyAssociationTable/studyAssociationTable.styl
@@ -11,6 +11,32 @@
         td.timepointOptions
           input
             margin: 0 3px
+            
+            &[type="radio"]
+              border: 0
+              clip: rect(0 0 0 0)
+              height: 1px
+              margin: -1px
+              overflow: hidden
+              padding: 0
+              position: absolute
+              width: 1px
+              
+            & + span:before
+              content: ''
+              display: inline-block
+              width: 13px
+              height: 13px
+              border-radius: 1em
+              border: 0.125em solid #fff
+              box-shadow: 0 0 0 0.15em #000
+              margin: 0 6px
+              transition: 0.5s ease all
+              vertical-align: middle
+
+            &:checked + span:before
+              background: #3b99fc
+              box-shadow: 0 0 0 0.25em #000
 
           label
             padding: 0 5px