Improve icon alignment.

This commit is contained in:
Chethana Kumar
2017-09-22 14:29:34 +01:00
committed by Dave Page
parent bcba596408
commit 62c9376546
111 changed files with 120 additions and 107 deletions

View File

@@ -1 +1 @@
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1,.cls-2{fill:#def4fd;stroke-miterlimit:10;stroke-width:0.75px;}.cls-1{stroke:#717f8e;}.cls-2,.cls-3{stroke:#34495e;}.cls-3{fill:none;stroke-linecap:round;stroke-linejoin:round;}</style></defs><title>coll-pga_schedule</title><circle class="cls-1" cx="5.32" cy="6.77" r="4.5"/><circle class="cls-2" cx="7.18" cy="8.45" r="4.5"/><line class="cls-3" x1="7.18" y1="5.75" x2="7.18" y2="8.45"/><line class="cls-3" x1="9.88" y1="8.45" x2="7.18" y2="8.45"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1,.cls-2{fill:#def4fd;stroke-miterlimit:10;stroke-width:0.75px;}.cls-1{stroke:#717f8e;}.cls-2,.cls-3{stroke:#34495e;}.cls-3{fill:none;stroke-linecap:round;stroke-linejoin:round;}</style></defs><title>coll-pga_schedule</title><g id="_2" data-name="2"><circle class="cls-1" cx="7.07" cy="7.16" r="4.5"/><circle class="cls-2" cx="8.93" cy="8.84" r="4.5"/><line class="cls-3" x1="8.93" y1="6.14" x2="8.93" y2="8.84"/><line class="cls-3" x1="11.63" y1="8.84" x2="8.93" y2="8.84"/></g></svg>

Before

Width:  |  Height:  |  Size: 566 B

After

Width:  |  Height:  |  Size: 563 B

View File

@@ -1 +1 @@
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#def4fd;stroke-miterlimit:10;stroke-width:0.75px;}.cls-1,.cls-2{stroke:#34495e;}.cls-2{fill:none;stroke-linecap:round;stroke-linejoin:round;}</style></defs><title>pga_schedule</title><circle class="cls-1" cx="6.5" cy="8.5" r="5.4"/><line class="cls-2" x1="6.5" y1="4.9" x2="6.5" y2="8.5"/><line class="cls-2" x1="9.2" y1="8.5" x2="6.5" y2="8.5"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#def4fd;stroke-miterlimit:10;stroke-width:0.75px;}.cls-1,.cls-2{stroke:#34495e;}.cls-2{fill:none;stroke-linecap:round;stroke-linejoin:round;}</style></defs><title>pga_schedule</title><g id="_2" data-name="2"><circle class="cls-1" cx="8" cy="8.17" r="5.4"/><line class="cls-2" x1="8" y1="4.57" x2="8" y2="8.17"/><line class="cls-2" x1="10.7" y1="8.17" x2="8" y2="8.17"/></g></svg>

Before

Width:  |  Height:  |  Size: 470 B

After

Width:  |  Height:  |  Size: 464 B

View File

@@ -1 +1 @@
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1,.cls-2{fill:#def4fd;stroke-miterlimit:10;stroke-width:0.75px;}.cls-1{stroke:#717f8e;}.cls-2{stroke:#34495e;}.cls-3{fill:#34495e;}</style></defs><title>coll-pga_job</title><rect class="cls-1" x="0.3" y="3.4" width="6.4" height="8" rx="1" ry="1"/><path class="cls-1" d="M1.9,4.2V3.4a.8.8,0,0,1,.8-.8H4.3a.8.8,0,0,1,.8.8v.8Z"/><rect class="cls-2" x="2.3" y="5.4" width="6.4" height="8" rx="1" ry="1"/><path class="cls-2" d="M3.9,6.2V5.4a.8.8,0,0,1,.8-.8H6.3a.8.8,0,0,1,.8.8v.8Z"/><path class="cls-3" d="M5,8.6V8.05H7.18V8.6Z"/><path class="cls-3" d="M5,10.2V9.65H7.18v.55Z"/><path class="cls-3" d="M5,11.8v-.55H7.18v.55Z"/><path class="cls-3" d="M3.43,8.6V8.05H4V8.6Z"/><path class="cls-3" d="M3.43,10.2V9.65H4v.55Z"/><path class="cls-3" d="M3.43,11.8v-.55H4v.55Z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#def4fd;}.cls-2{fill:#717f8e;}.cls-3{fill:#34495e;}</style></defs><title>coll-pga_job</title><g id="_2" data-name="2"><rect class="cls-1" x="2.91" y="3.24" width="6.93" height="8.66" rx="0.63" ry="0.63"/><path class="cls-2" d="M9.21,3.62a.25.25,0,0,1,.25.25v7.41a.25.25,0,0,1-.25.25H3.53a.25.25,0,0,1-.25-.25V3.87a.25.25,0,0,1,.25-.25H9.21m0-.75H3.53a1,1,0,0,0-1,1v7.41a1,1,0,0,0,1,1H9.21a1,1,0,0,0,1-1V3.87a1,1,0,0,0-1-1Z"/><path class="cls-1" d="M5,3.35V2.87a.48.48,0,0,1,.48-.48H7.22a.48.48,0,0,1,.48.48v.48Z"/><path class="cls-2" d="M7.22,2.76a.11.11,0,0,1,.1.1V3H5.41V2.87a.11.11,0,0,1,.11-.1H7.22m0-.75H5.51a.86.86,0,0,0-.86.85v.86H8.08V2.87A.86.86,0,0,0,7.22,2Z"/><path class="cls-3" d="M5.9,6V5.37H8.64V6Z"/><path class="cls-3" d="M4.19,6.06V5.33h.73v.73Z"/><path class="cls-3" d="M5.9,8V7.38H8.64V8Z"/><path class="cls-3" d="M4.19,8.08V7.34h.73v.73Z"/><path class="cls-3" d="M5.9,10V9.38H8.64V10Z"/><path class="cls-3" d="M4.19,10V9.31h.73V10Z"/><rect class="cls-1" x="6.17" y="4.96" width="6.93" height="8.66" rx="0.63" ry="0.63"/><path class="cls-3" d="M12.47,5.34a.25.25,0,0,1,.25.25V13a.25.25,0,0,1-.25.25H6.79A.25.25,0,0,1,6.54,13V5.59a.25.25,0,0,1,.25-.25h5.68m0-.75H6.79a1,1,0,0,0-1,1V13a1,1,0,0,0,1,1h5.68a1,1,0,0,0,1-1V5.59a1,1,0,0,0-1-1Z"/><path class="cls-1" d="M8.3,5.07V4.59a.48.48,0,0,1,.48-.48h1.71a.48.48,0,0,1,.48.48v.48Z"/><path class="cls-3" d="M10.49,4.48a.11.11,0,0,1,.11.1v.11H8.67V4.59a.11.11,0,0,1,.1-.1h1.71m0-.75H8.78a.86.86,0,0,0-.85.85v.86h3.42V4.59a.86.86,0,0,0-.86-.85Z"/><path class="cls-3" d="M9.17,7.68V7.09H11.9v.59Z"/><path class="cls-3" d="M7.45,7.79V7.06h.73v.73Z"/><path class="cls-3" d="M9.17,9.69V9.1H11.9v.59Z"/><path class="cls-3" d="M7.45,9.8V9.07h.73V9.8Z"/><path class="cls-3" d="M9.17,11.69V11.1H11.9v.59Z"/><path class="cls-3" d="M7.45,11.76V11h.73v.73Z"/></g></svg>

Before

Width:  |  Height:  |  Size: 882 B

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@@ -1 +1 @@
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#f2f2f2;stroke:#717f8e;stroke-miterlimit:10;stroke-width:0.75px;}.cls-2{fill:#717f8e;}.cls-3{fill:none;stroke:#d0021b;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><title>pga_job-disabled</title><rect class="cls-1" x="0.75" y="3.63" width="8" height="10" rx="1" ry="1"/><path class="cls-1" d="M2.75,4.63v-1a1,1,0,0,1,1-1h2a1,1,0,0,1,1,1v1Z"/><path class="cls-2" d="M4.16,7.63V6.94H6.85v.69Z"/><path class="cls-2" d="M4.16,9.63V8.94H6.85v.69Z"/><path class="cls-2" d="M4.16,11.63v-.69H6.85v.69Z"/><path class="cls-2" d="M2.16,7.63V6.94h.69v.69Z"/><path class="cls-2" d="M2.16,9.63V8.94h.69v.69Z"/><path class="cls-2" d="M2.16,11.63v-.69h.69v.69Z"/><line class="cls-3" x1="10.25" y1="3.13" x2="7.25" y2="6.13"/><line class="cls-3" x1="10.25" y1="6.13" x2="7.25" y2="3.13"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#f2f2f2;}.cls-2{fill:#717f8e;}.cls-3{fill:none;stroke:#d0021b;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><title>pga_job-disabled</title><g id="_2" data-name="2"><rect class="cls-1" x="3.27" y="3.55" width="8.23" height="10.25" rx="0.63" ry="0.63"/><path class="cls-2" d="M10.87,3.93a.25.25,0,0,1,.25.25v9a.25.25,0,0,1-.25.25h-7a.25.25,0,0,1-.25-.25v-9a.25.25,0,0,1,.25-.25h7m0-.75h-7a1,1,0,0,0-1,1v9a1,1,0,0,0,1,1h7a1,1,0,0,0,1-1v-9a1,1,0,0,0-1-1Z"/><path class="cls-1" d="M5.76,3.8V3.18a.63.63,0,0,1,.63-.62h2A.63.63,0,0,1,9,3.18V3.8Z"/><path class="cls-2" d="M8.38,2.93a.25.25,0,0,1,.25.25v.25H6.13V3.18a.25.25,0,0,1,.25-.25h2m0-.75h-2a1,1,0,0,0-1,1v1h4v-1a1,1,0,0,0-1-1Z"/><path class="cls-2" d="M6.84,6.63V5.94H10v.69Z"/><path class="cls-2" d="M6.84,9.2V8.51H10V9.2Z"/><path class="cls-2" d="M6.84,12v-.69H10V12Z"/><path class="cls-2" d="M4.73,9.39V8.32H5.8V9.39Z"/><path class="cls-2" d="M4.73,6.82V5.75H5.8V6.82Z"/><path class="cls-2" d="M4.73,12.14V11.07H5.8v1.07Z"/><line class="cls-3" x1="13" y1="2.17" x2="10" y2="5.17"/><line class="cls-3" x1="13" y1="5.17" x2="10" y2="2.17"/></g></svg>

Before

Width:  |  Height:  |  Size: 927 B

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@@ -1 +1 @@
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#def4fd;stroke:#34495e;stroke-miterlimit:10;stroke-width:0.75px;}.cls-2{fill:#34495e;}</style></defs><title>pga_job</title><rect class="cls-1" x="1.5" y="3.5" width="8" height="10" rx="1" ry="1"/><path class="cls-1" d="M3.5,4.5v-1a1,1,0,0,1,1-1h2a1,1,0,0,1,1,1v1Z"/><path class="cls-2" d="M4.91,7.5V6.81H7.6V7.5Z"/><path class="cls-2" d="M4.91,9.5V8.81H7.6V9.5Z"/><path class="cls-2" d="M4.91,11.5v-.69H7.6v.69Z"/><path class="cls-2" d="M2.91,7.5V6.81H3.6V7.5Z"/><path class="cls-2" d="M2.91,9.5V8.81H3.6V9.5Z"/><path class="cls-2" d="M2.91,11.5v-.69H3.6v.69Z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#def4fd;}.cls-2{fill:#34495e;}</style></defs><title>pga_job</title><g id="_2" data-name="2"><rect class="cls-1" x="3.89" y="3.38" width="8.23" height="10.25" rx="0.63" ry="0.63"/><path class="cls-2" d="M11.49,3.75a.25.25,0,0,1,.25.25v9a.25.25,0,0,1-.25.25h-7A.25.25,0,0,1,4.26,13V4a.25.25,0,0,1,.25-.25h7m0-.75h-7a1,1,0,0,0-1,1v9a1,1,0,0,0,1,1h7a1,1,0,0,0,1-1V4a1,1,0,0,0-1-1Z"/><path class="cls-1" d="M6.38,3.63V3A.63.63,0,0,1,7,2.38H9A.63.63,0,0,1,9.63,3v.63Z"/><path class="cls-2" d="M9,2.75A.25.25,0,0,1,9.25,3v.25H6.75V3A.25.25,0,0,1,7,2.75H9M9,2H7A1,1,0,0,0,6,3V4h4V3A1,1,0,0,0,9,2Z"/><path class="cls-2" d="M7.46,6.61V5.93h3.2v.69Z"/><path class="cls-2" d="M5.45,6.74V5.88h.86v.86Z"/><path class="cls-2" d="M7.46,9V8.28h3.2V9Z"/><path class="cls-2" d="M5.45,9.09V8.24h.86v.86Z"/><path class="cls-2" d="M7.46,11.31v-.69h3.2v.69Z"/><path class="cls-2" d="M5.45,11.39v-.86h.86v.86Z"/></g></svg>

Before

Width:  |  Height:  |  Size: 686 B

After

Width:  |  Height:  |  Size: 983 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 505 B

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#def4fd;}.cls-2{fill:#34495e;}.cls-3{fill:none;stroke:#34495e;stroke-linecap:round;stroke-linejoin:round;stroke-width:0.75px;}</style></defs><title>coll-pga_jobstep</title><g id="_2" data-name="2"><rect class="cls-1" x="3.89" y="3.38" width="8.23" height="10.25" rx="0.63" ry="0.63"/><path class="cls-2" d="M11.49,3.75a.25.25,0,0,1,.25.25v9a.25.25,0,0,1-.25.25h-7A.25.25,0,0,1,4.26,13V4a.25.25,0,0,1,.25-.25h7m0-.75h-7a1,1,0,0,0-1,1v9a1,1,0,0,0,1,1h7a1,1,0,0,0,1-1V4a1,1,0,0,0-1-1Z"/><path class="cls-1" d="M6.38,3.63V3A.63.63,0,0,1,7,2.38H9A.63.63,0,0,1,9.63,3v.63Z"/><path class="cls-2" d="M9,2.75A.25.25,0,0,1,9.25,3v.25H6.75V3A.25.25,0,0,1,7,2.75H9M9,2H7A1,1,0,0,0,6,3V4h4V3A1,1,0,0,0,9,2Z"/><path class="cls-2" d="M8,6.65V6h2.93v.69Z"/><path class="cls-2" d="M8,9.22V8.54h2.93v.69Z"/><path class="cls-2" d="M8,12v-.69h2.93V12Z"/><polyline class="cls-3" points="5.47 6.36 6.13 6.89 7.22 5.41"/><polyline class="cls-3" points="5.47 9.09 6.13 9.62 7.22 8.14"/><polyline class="cls-3" points="5.47 11.54 6.13 12.07 7.22 10.59"/></g></svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 430 B

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#def4fd;}.cls-2{fill:#34495e;}.cls-3{fill:#717f8e;}.cls-4{fill:none;stroke:#34495e;stroke-linecap:round;stroke-linejoin:round;stroke-width:0.75px;}</style></defs><title>pga_jobstep</title><g id="_2" data-name="2"><rect class="cls-1" x="3.89" y="3.38" width="8.23" height="10.25" rx="0.63" ry="0.63"/><path class="cls-2" d="M11.49,3.75a.25.25,0,0,1,.25.25v9a.25.25,0,0,1-.25.25h-7A.25.25,0,0,1,4.26,13V4a.25.25,0,0,1,.25-.25h7m0-.75h-7a1,1,0,0,0-1,1v9a1,1,0,0,0,1,1h7a1,1,0,0,0,1-1V4a1,1,0,0,0-1-1Z"/><path class="cls-1" d="M6.38,3.63V3A.63.63,0,0,1,7,2.38H9A.63.63,0,0,1,9.63,3v.63Z"/><path class="cls-2" d="M9,2.75A.25.25,0,0,1,9.25,3v.25H6.75V3A.25.25,0,0,1,7,2.75H9M9,2H7A1,1,0,0,0,6,3V4h4V3A1,1,0,0,0,9,2Z"/><path class="cls-2" d="M7.73,6.63V5.94h3.2v.69Z"/><path class="cls-3" d="M7.73,9.2V8.51h3.2V9.2Z"/><path class="cls-3" d="M7.73,12v-.69h3.2V12Z"/><path class="cls-3" d="M5.62,9.39V8.32H6.69V9.39Z"/><path class="cls-3" d="M5.62,12.15V11.08H6.69v1.07Z"/><polyline class="cls-4" points="5.47 6.33 6.13 6.87 7.22 5.38"/></g></svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@@ -1,5 +1,5 @@
.icon-pga_jobstep {
background-image: url('{{ url_for('NODE-pga_jobstep.static', filename='img/pga_jobstep.png') }}') !important;
background-image: url('{{ url_for('NODE-pga_jobstep.static', filename='img/pga_jobstep.svg') }}') !important;
background-repeat: no-repeat;
background-size: 20px !important;
align-content: center;
@@ -8,7 +8,7 @@
}
.icon-coll-pga_jobstep {
background-image: url('{{ url_for('NODE-pga_jobstep.static', filename='img/coll-pga_jobstep.png') }}') !important;
background-image: url('{{ url_for('NODE-pga_jobstep.static', filename='img/coll-pga_jobstep.svg') }}') !important;
background-repeat: no-repeat;
background-size: 20px !important;
align-content: center;