feat(css): support firefox

SteveVanOpstal · Mar 30, 2016 · ba0f904 · ba0f904
1 parent 5a47806
commit ba0f904
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/src/app/misc/graph.component.ts b/src/app/misc/graph.component.ts
@@ -12,7 +12,7 @@ import {AbilitySequenceComponent} from '../build/ability-sequence.component';
   changeDetection: ChangeDetectionStrategy.OnPush,
   directives: [DDragonDirective, AbilitySequenceComponent],
   template: `
-    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" [attr.width]="width" height="100%" [attr.viewBox]="'0 0 ' +  width + ' ' + height">
+    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="100%" height="100%" [attr.viewBox]="'0 0 ' +  width + ' ' + height">
       <g ability-sequence [champion]="champion" [attr.transform]="'translate(0,' + (graphHeight + margin.top + margin.bottom) + ')'"></g>
       <g [attr.transform]="'translate(' + margin.left + ',' + margin.top + ')'">
         <path class="line xp" clip-path="url(#clip)"></path>

diff --git a/src/assets/css/base.css b/src/assets/css/base.css
@@ -1,7 +1,7 @@
 body {
   background-color: #EEE;
   margin: 0;
-  font-family: Roboto, Arial, Helvetica, sans-serif;
+  font-family: Roboto, 'Segoe UI', serif;
 }
 
 h1 {
@@ -28,7 +28,7 @@ p {
 }
 
 .header > .align-center {
-  max-width: 400px;
+  max-width: 410px;
   display: flex;
 }
 
@@ -151,6 +151,7 @@ input[type="textbox"]:checked {
 /* button */
 
 button {
+  font: 13.3333px Arial;
   display: inline-flex;
   background-color: #FFF;
   border: 1px solid #CCC;

diff --git a/src/assets/css/region.css b/src/assets/css/region.css
@@ -3,9 +3,11 @@ region > div {
 }
 
 region button {
-	width: 190px;
+  display: block;
+	width: 200px;
 	margin: 5px 0;
 	padding: 0;
+  text-align: left;
 }
 
 region span {