@@ -12,7 +12,6 @@ $primary-color: #0052C2;
1212 .resource-summary {
1313 flex-grow : 2 ;
1414 margin-right : rem (15px );
15- word-break : break-all ;
1615 }
1716
1817 .resource-icon {
@@ -27,6 +26,12 @@ $primary-color: #0052C2;
2726 height : 60px ;
2827 }
2928 }
29+
30+ @media (min-width : 767px ) {
31+ .resource-summary {
32+ width : 24% ;
33+ }
34+ }
3035}
3136
3237.resource-list {
@@ -38,24 +43,39 @@ $primary-color: #0052C2;
3843 & :hover {
3944 background-color : transparent ;
4045 }
41- .btn-group {
42- display : inline-block ;
46+
47+ .buttons {
48+ display : flex ;
49+ flex-wrap : wrap ;
50+ justify-content : flex-end ;
51+ gap : 0.5rem ;
52+ }
53+
54+ .btn {
55+ border : 2px solid rpl_color (' primary' );
56+ padding : 0.75rem ;
57+ }
58+
59+ .btn-outline {
60+ border-width : 2px ;
61+ background-color : #FFFFFF ;
62+ color : $primary-color ;
63+ }
64+
65+ .btn-api {
66+ border-color : #3A833A ;
67+ color : #3A833A ;
4368 }
44- }
45- .btn-group {
46- position : relative ;
47- top : auto ;
48- right : auto ;
4969 }
5070
51- @media (max-width :767px ) {
71+ @media (max-width : 767px ) {
5272 .resource-item {
5373 display : inline ;
54- .btn-group {
55- display : block ;
56- }
5774 }
58- }
75+ .buttons {
76+ flex-direction : column ;
77+ }
78+ }
5979}
6080
6181.dropdown-menu {
@@ -71,6 +91,8 @@ $primary-color: #0052C2;
7191}
7292
7393.dataset-resources {
94+ display : inline ;
95+
7496 .label {
7597 background : none ;
7698 color : rpl_color (' dark_neutral' );
@@ -100,6 +122,51 @@ $primary-color: #0052C2;
100122 }
101123}
102124
125+ .dataset-api {
126+ ul {
127+ padding-right : 50px ;
128+ display : inline-flex ;
129+
130+ i {
131+ margin-right : 3px ;
132+ }
133+ }
134+
135+ li {
136+ display : inline ;
137+ & :last-child {
138+ padding-right : 0 ;
139+ }
140+ }
141+
142+ i {
143+ padding-right : 3px ;
144+ }
145+
146+ display : inline ;
147+ float : right ;
148+ color : rpl_color (' dark_neutral' );
149+ font-size : rem (14px );
150+
151+ .preview {
152+ color : #011A3C ;
153+ }
154+
155+ .api a {
156+ color : #3A833A ;
157+ }
158+ }
159+
160+ @media (max-width : 767px ) {
161+ .dataset-api , .dataset-resources {
162+ display : block ;
163+ }
164+ .dataset-api {
165+ margin-top : 0.75rem ;
166+ float : unset ;
167+ }
168+ }
169+
103170.res_abstract_heading {
104171 font-family : " VIC-Bold" , " Arial" , " Helvetica" , " sans-serif" ;
105172 font-size : 1.5rem ;
@@ -148,4 +215,15 @@ $primary-color: #0052C2;
148215 margin-bottom : 0 ;
149216 }
150217 }
218+ .data-dictionary-table {
219+ thead {
220+ background-color : #f2f2f2 ;
221+ }
222+ }
223+ }
224+
225+ @media (min-width : 576px ) {
226+ .api-modal {
227+ max-width : 80% ;
228+ }
151229}
0 commit comments