Partially fix field guide formatting

This commit is contained in:
Idrees Hassan
2025-10-26 19:46:13 -04:00
parent f2496d5d0a
commit 0441f1dc87
4 changed files with 32 additions and 35 deletions

21
dist/birb.js vendored
View File

@@ -1328,28 +1328,27 @@
} }
#birb-field-guide { #birb-field-guide {
width: 330px !important; width: 322px !important;
} }
.birb-grid-content { .birb-grid-content {
width: 100%; display: grid;
display: flex; grid-template-rows: repeat(3, auto);
flex-wrap: wrap; grid-auto-flow: column;
justify-content: space-between; gap: 10px;
flex-direction: row; padding-top: 8px;
padding-top: 4px; padding-bottom: 8px;
padding-bottom: 4px;
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
box-sizing: border-box; box-sizing: border-box;
justify-content: start;
align-items: start;
} }
.birb-grid-item { .birb-grid-item {
width: 64px; width: 64px;
height: 64px; height: 64px;
overflow: hidden; overflow: hidden;
margin-top: 6px;
margin-bottom: 6px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@@ -1362,7 +1361,7 @@
.birb-grid-item canvas { .birb-grid-item canvas {
image-rendering: pixelated; image-rendering: pixelated;
transform: scale(2); transform: scale(2) !important;
padding-bottom: var(--birb-border-size); padding-bottom: var(--birb-border-size);
} }

23
dist/birb.user.js vendored
View File

@@ -1,7 +1,7 @@
// ==UserScript== // ==UserScript==
// @name Pocket Bird // @name Pocket Bird
// @namespace https://idreesinc.com // @namespace https://idreesinc.com
// @version 2025.10.26.421 // @version 2025.10.26.454
// @description birb // @description birb
// @author Idrees // @author Idrees
// @downloadURL https://github.com/IdreesInc/Pocket-Bird/raw/refs/heads/main/dist/birb.user.js // @downloadURL https://github.com/IdreesInc/Pocket-Bird/raw/refs/heads/main/dist/birb.user.js
@@ -1342,28 +1342,27 @@
} }
#birb-field-guide { #birb-field-guide {
width: 330px !important; width: 322px !important;
} }
.birb-grid-content { .birb-grid-content {
width: 100%; display: grid;
display: flex; grid-template-rows: repeat(3, auto);
flex-wrap: wrap; grid-auto-flow: column;
justify-content: space-between; gap: 10px;
flex-direction: row; padding-top: 8px;
padding-top: 4px; padding-bottom: 8px;
padding-bottom: 4px;
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
box-sizing: border-box; box-sizing: border-box;
justify-content: start;
align-items: start;
} }
.birb-grid-item { .birb-grid-item {
width: 64px; width: 64px;
height: 64px; height: 64px;
overflow: hidden; overflow: hidden;
margin-top: 6px;
margin-bottom: 6px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@@ -1376,7 +1375,7 @@
.birb-grid-item canvas { .birb-grid-item canvas {
image-rendering: pixelated; image-rendering: pixelated;
transform: scale(2); transform: scale(2) !important;
padding-bottom: var(--birb-border-size); padding-bottom: var(--birb-border-size);
} }

View File

@@ -2,7 +2,7 @@
"manifest_version": 3, "manifest_version": 3,
"name": "Pocket Bird", "name": "Pocket Bird",
"description": "It's a bird, in your browser. What more could you want?", "description": "It's a bird, in your browser. What more could you want?",
"version": "2025.10.26.421", "version": "2025.10.26.454",
"homepage_url": "https://idreesinc.com", "homepage_url": "https://idreesinc.com",
"content_scripts": [ "content_scripts": [
{ {

View File

@@ -230,28 +230,27 @@
} }
#birb-field-guide { #birb-field-guide {
width: 330px !important; width: 322px !important;
} }
.birb-grid-content { .birb-grid-content {
width: 100%; display: grid;
display: flex; grid-template-rows: repeat(3, auto);
flex-wrap: wrap; grid-auto-flow: column;
justify-content: space-between; gap: 10px;
flex-direction: row; padding-top: 8px;
padding-top: 4px; padding-bottom: 8px;
padding-bottom: 4px;
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
box-sizing: border-box; box-sizing: border-box;
justify-content: start;
align-items: start;
} }
.birb-grid-item { .birb-grid-item {
width: 64px; width: 64px;
height: 64px; height: 64px;
overflow: hidden; overflow: hidden;
margin-top: 6px;
margin-bottom: 6px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@@ -264,7 +263,7 @@
.birb-grid-item canvas { .birb-grid-item canvas {
image-rendering: pixelated; image-rendering: pixelated;
transform: scale(2); transform: scale(2) !important;
padding-bottom: var(--birb-border-size); padding-bottom: var(--birb-border-size);
} }