From 593c3562bc03f5367b5c4d170f95d7574694a77f Mon Sep 17 00:00:00 2001
From: Varun Patil <varunpatil@ucla.edu>
Date: Thu, 20 Oct 2022 14:43:18 -0700
Subject: [PATCH] Fix box-sizing

---
 src/components/frame/Folder.vue   | 1 +
 src/components/frame/Photo.vue    | 1 +
 src/components/frame/Tag.vue      | 1 +
 src/components/modal/FaceList.vue | 3 +--
 4 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/frame/Folder.vue b/src/components/frame/Folder.vue
index ade2070f..d12c5c62 100644
--- a/src/components/frame/Folder.vue
+++ b/src/components/frame/Folder.vue
@@ -176,6 +176,7 @@ export default class Folder extends Mixins(GlobalMixin, UserConfig) {
     line-height: 0;
     position: absolute;
     padding: 2px;
+    box-sizing: border-box;
     @media (max-width: 768px) { padding: 1px; }
 
     > .img-outer {
diff --git a/src/components/frame/Photo.vue b/src/components/frame/Photo.vue
index 2d076cf4..c75939f6 100644
--- a/src/components/frame/Photo.vue
+++ b/src/components/frame/Photo.vue
@@ -209,6 +209,7 @@ $icon-dist: min(10px, 6%);
 /* Actual image */
 div.img-outer {
     padding: 2px;
+    box-sizing: border-box;
     @media (max-width: 768px) { padding: 1px; }
 
     transition: padding 0.1s ease;
diff --git a/src/components/frame/Tag.vue b/src/components/frame/Tag.vue
index 24189664..29299d78 100644
--- a/src/components/frame/Tag.vue
+++ b/src/components/frame/Tag.vue
@@ -150,6 +150,7 @@ export default class Tag extends Mixins(GlobalMixin) {
     line-height: 0;
     position: absolute;
     padding: 2px;
+    box-sizing: border-box;
     @media (max-width: 768px) { padding: 1px; }
 
     > .img-outer {
diff --git a/src/components/modal/FaceList.vue b/src/components/modal/FaceList.vue
index 27100ccf..e819d553 100644
--- a/src/components/modal/FaceList.vue
+++ b/src/components/modal/FaceList.vue
@@ -77,8 +77,7 @@ export default class FaceMergeModal extends Mixins(GlobalMixin) {
     font-size: 0.8em;
 
     max-width: 120px;
-    width: calc(33.33% - 2px);
+    width: calc(33.33%);
     aspect-ratio: 1/1;
-    margin: 1px;
 }
 </style>
\ No newline at end of file