4 files changed, 23 insertions, 12 deletions

diff --git a/assets/css/list.css b/assets/css/list.css
index bc51fd2..7e6dde9 100644
--- a/assets/css/list.css
+++ b/assets/css/list.css
@@ -16,4 +16,12 @@
         position: relative;
         top: 8px;
         left: -15px;
+}
+
+.gril-img {
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: cover;
+    width: 64px;
+    height: 64px;
 }
\ No newline at end of file
diff --git a/modules/grils/gril.go b/modules/grils/gril.go
index a450647..fe316cd 100644
--- a/modules/grils/gril.go
+++ b/modules/grils/gril.go
@@ -28,23 +28,26 @@ type Gril struct {
         Lists      []int
 }
 
-func (g *Gril) ImagePath() string {
+func (g *Gril) ImagePath(prioritizeThumbnail bool) string {
+        var big string
         exts := []string{"png", "jpg", "gif", "jpeg"}
-        var imagePath string
         for _, ext := range exts {
                 path := fmt.Sprintf("assets/img/gril/%d/0.%s", g.ID, ext)
                 if _, err := os.Stat(path); err == nil {
-                        return path
+                        if prioritizeThumbnail {
+                                big = path
+                        } else {
+                                return path
+                        }
                 }
         }
 
-        if len(imagePath) == 0 {
-                for _, ext := range exts {
-                        path := fmt.Sprintf("assets/img/gril/%d/1.%s", g.ID, ext)
-                        if _, err := os.Stat(path); err == nil {
-                                return path
-                        }
+        for _, ext := range exts {
+                path := fmt.Sprintf("assets/img/gril/%d/1.%s", g.ID, ext)
+                if _, err := os.Stat(path); err == nil {
+                        return path
                 }
         }
-        return ""
+
+        return big
 }
diff --git a/views/gril.html b/views/gril.html
index 12b2e8d..2dea399 100644
--- a/views/gril.html
+++ b/views/gril.html
@@ -12,7 +12,7 @@
                         <div class="container">
                                 <h1>{{ $gril.RomajiName }}<small>{{ $gril.KanjiName }}</small></h1>
                                 <div class="row center-align">
-                                        <img src="/{{ $gril.ImagePath }}" />
+                                        <img src="/{{ $gril.ImagePath false }}" />
                                 </div>
                                 {{ range $tag := $gril.Tags }}
                                 <div class="chip">
diff --git a/views/list.html b/views/list.html
index 1c32bd7..d4cfeae 100644
--- a/views/list.html
+++ b/views/list.html
@@ -21,7 +21,7 @@
                                                         {{ $index }}
                                                         </div>
                                                         <div class="col s3 m2">
-                                                        <img src="/{{ $lg.Gril.ImagePath }}" alt="" class="circle list-img" />
+                                                                <div class="circle gril-img" style="background-image: url(/{{ $lg.Gril.ImagePath true }})"> </div>
                                                         </div>
                                                         <div class="col s6 m6">
                                                         <span><a href="/gril/{{ $lg.Gril.ID }}">{{ $lg.Gril.RomajiName }}</a><br />