6
6
< meta name ="viewport " content ="width=device-width, initial-scale=1.0, shrink-to-fit=no ">
7
7
< title > Global Regulatory & Compliance Utility - Search</ title >
8
8
< link rel ="stylesheet " href ="assets/bootstrap/css/bootstrap.min.css ">
9
- < link rel ="stylesheet " href ="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,400italic ">
9
+ < link rel ="stylesheet " href ="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700 ">
10
10
< link rel ="stylesheet " href ="assets/fonts/ionicons.min.css ">
11
11
< link rel ="stylesheet " href ="assets/css/Login-Form-Clean.css ">
12
12
< link rel ="stylesheet " href ="assets/css/styles.css ">
37
37
</ div >
38
38
</ nav >
39
39
< div class ="container " style ="padding-top: 30px;padding-bottom: 55px; ">
40
- < div class ="row mb-2 ">
41
- < div class ="col-md-8 ">
42
- < form id ="search-form ">
43
- < div class ="d-flex justify-content-between align-items-center ">
44
- < div class ="input-group " style ="width:95% "> < input class ="form-control " type ="text " placeholder ="ex. Rule 631 " id ="q " autofocus ="">
45
- < div class ="input-group-append "> < button class ="btn btn-primary " type ="button "> < i class ="icon ion-search "> </ i > </ button > </ div >
46
- </ div > < i class ="icon ion-help-circled " style ="font-size:1.5rem "> </ i > </ div >
47
- </ form >
48
- </ div >
49
- < div class ="col-md-4 text-right ">
50
- < div class ="row ">
51
- < div class ="col "> < a href ="# "> New Reports (2)</ a > </ div >
52
- </ div >
53
- < div class ="row ">
54
- < div class ="col "> < a href ="# "> New Search Results (1)</ a > </ div >
55
- </ div >
56
- </ div >
57
- </ div >
58
40
< div class ="row ">
59
41
< div class ="col ">
60
- < div class ="card shadow mb-2 ">
42
+ < div class ="card " style =" margin-bottom: 15px; ">
61
43
< div class ="card-body ">
44
+ < div class ="row mb-2 ">
45
+ < div class ="col-md-8 ">
46
+ < form id ="search-form ">
47
+ < div class ="d-flex justify-content-between align-items-center ">
48
+ < div class ="input-group " style ="width:95% "> < input class ="form-control " type ="text " placeholder ="ex. Rule 631 " id ="q " autofocus ="">
49
+ < div class ="input-group-append "> < button class ="btn btn-primary " type ="button "> < i class ="icon ion-search "> </ i > </ button > </ div >
50
+ </ div > < i class ="icon ion-help-circled " style ="font-size:1.5rem "> </ i > </ div >
51
+ </ form >
52
+ </ div >
53
+ < div class ="col-md-4 text-right ">
54
+ < div class ="row ">
55
+ < div class ="col "> < a href ="# "> New Reports (2)</ a > </ div >
56
+ </ div >
57
+ < div class ="row ">
58
+ < div class ="col "> < a href ="# "> New Search Results (1)</ a > </ div >
59
+ </ div >
60
+ </ div >
61
+ </ div >
62
62
< div class ="row ">
63
63
< div class ="col-md-9 d-flex align-items-center ">
64
64
< form class ="form-inline "> < label class ="mr-2 " style ="font-size: 16px; "> Date Range</ label >
65
- < div class ="form-check "> < input class ="form-check-input " type ="radio " checked ="" id ="formCheck-1 "> < label class ="form-check-label " for ="formCheck-1 "> All</ label > </ div > < span class ="ml-2 mr-2 "> or</ span > < input type ="radio " class ="mr-1 "> < input class ="form-control form-control-sm "
66
- type ="text " disabled ="" placeholder ="start date "> < span class ="ml-2 mr-2 "> to</ span > < input class ="form-control form-control-sm " type ="text " disabled ="" placeholder ="end date "> </ form >
65
+ < div class ="form-check "> < input class ="form-check-input " type ="radio " name ="date-range " value ="all " checked ="" id ="formCheck-1 "> < label class ="form-check-label " for ="formCheck-1 "> All</ label > </ div > < span class ="ml-2 mr-3 "> or</ span > < input type ="radio "
66
+ name ="date-range " value ="custom " class ="mr-1 "> < input class ="form-control form-control-sm " type ="text " disabled ="" placeholder ="start date "> < span class ="ml-2 mr-2 "> to</ span > < input class ="form-control form-control-sm "
67
+ type ="text " disabled ="" placeholder ="end date "> </ form >
67
68
</ div >
68
69
< div class ="col-md-3 ">
69
- < form class ="form-inline justify-content-end "> < label class ="text-right col-form-label col-md-6 "> Filter By</ label > < select class ="form-control form-control-sm form-control "> < option value ="new "> New</ option > < option value ="changed "> Changed</ option > </ select > </ form >
70
+ < form class ="form-inline justify-content-end "> < label class ="col-form-label mr-2 "> Filter By</ label > < select class ="form-control form-control-sm form-control "> < option value ="new "> New</ option > < option value ="changed "> Changed</ option > </ select > </ form >
70
71
</ div >
71
72
</ div >
72
73
</ div >
73
74
</ div >
74
75
</ div >
75
76
</ div >
76
77
< div class ="row ">
77
- < div class ="col-4 ">
78
- < div class ="card shadow ">
78
+ < div class ="col-4 " style =" padding-right: 7.5px; " >
79
+ < div class ="card ">
79
80
< div class ="card-body ">
80
81
< div >
81
82
< h4 > Jurisdiction</ h4 >
@@ -102,8 +103,8 @@ <h4>Applicability</h4>
102
103
</ div >
103
104
< div class ="col-8 ">
104
105
< div class ="row ">
105
- < div class ="col ">
106
- < div class ="card shadow ">
106
+ < div class ="col " style =" padding-left: 7.5px; " >
107
+ < div class ="card ">
107
108
< div class ="card-header ">
108
109
< h4 class ="mb-0 "> Search Results< small id ="stats " class ="ml-2 "> </ small > </ h4 >
109
110
</ div >
0 commit comments