From 4bfe16dafc550a5e0909cd80d2b2d5b0bc03a1f4 Mon Sep 17 00:00:00 2001
From: sinsong <literalkernel@outlook.com>
Date: Wed, 5 Jul 2023 00:07:30 +0800
Subject: [PATCH] misc tuning

---
 frontend/src/components/Footer.vue            | 4 ++--
 frontend/src/components/Index/PackageList.vue | 2 +-
 frontend/src/style/_root.scss                 | 2 +-
 frontend/src/style/main.scss                  | 4 ++++
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/Footer.vue b/frontend/src/components/Footer.vue
index 46ebe49..d7e2a1b 100644
--- a/frontend/src/components/Footer.vue
+++ b/frontend/src/components/Footer.vue
@@ -1,7 +1,7 @@
 <template>
   <footer>
-    <p>Copyright &copy; 2023-present BioArchLinux members.</p>
-    <p>Made by literal.</p>
+    <p>Copyright &copy; 2023-present <a href="https://bioarchlinux.org" title="Contact Community">BioArchLinux members</a>.</p>
+    <p>Made by <a href="https://github.com/sinsong">literal</a>.</p>
     <p>The registered trademark Linux® is used pursuant to a sublicense from LMI, the exclusive licensee of Linus Torvalds, owner of the mark on a world-wide basis.</p>
   </footer>
 </template>
diff --git a/frontend/src/components/Index/PackageList.vue b/frontend/src/components/Index/PackageList.vue
index 2e4fb64..934d6c1 100644
--- a/frontend/src/components/Index/PackageList.vue
+++ b/frontend/src/components/Index/PackageList.vue
@@ -64,7 +64,7 @@ watch(
           <td v-for="heading in tableHeaders">
             <router-link v-if="heading.field == 'name'" :to="`/${pkg.name}`">{{pkg.name}}</router-link>
             <time v-else-if="heading.field == 'builddate'" :datetime="moment.unix(pkg.builddate).format()">{{ moment.unix(pkg.builddate).format('YYYY-MM-DD') }}</time>
-            <span v-else>{{ pkg[heading.field] }}</span>
+            <span v-else :class="{ wrap: heading.field === 'desc' }">{{ pkg[heading.field] }}</span>
           </td>
         </tr>
       </tbody>
diff --git a/frontend/src/style/_root.scss b/frontend/src/style/_root.scss
index e07f49f..ef7b368 100644
--- a/frontend/src/style/_root.scss
+++ b/frontend/src/style/_root.scss
@@ -15,7 +15,7 @@
   -webkit-text-size-adjust: 100%;
 }
 
-@media screen and (max-width: 576px) {
+@media screen and (max-width: 650px) {
   :root {
     font-size: 12px;
   }
diff --git a/frontend/src/style/main.scss b/frontend/src/style/main.scss
index 3586971..a57e7d3 100644
--- a/frontend/src/style/main.scss
+++ b/frontend/src/style/main.scss
@@ -41,6 +41,10 @@ table {
   margin: .5em 0;
 }
 
+.wrap {
+  white-space: normal;
+}
+
 .box {
   border: 1px solid #bcd;
   padding: .5em;