Frontend: Make log messages selectable

frontend/src/css/app.css

@@ -167,6 +167,11 @@ main {
     user-select: none !important;
 }
 
+#photoprism .text-selectable,
+#photoprism .p-page .text-selectable {
+    user-select: text;
+}
+
 #photoprism .p-page pre {
     overflow: auto;
 }

frontend/src/pages/library/errors.vue

@@ -38,7 +38,7 @@
           <v-icon :color="err.Level">{{ err.Level }}</v-icon>
         </v-list-tile-avatar>
 
-        <v-list-tile-content>
+        <v-list-tile-content class="text-selectable">
           <v-list-tile-title>{{ err.Message }}</v-list-tile-title>
           <v-list-tile-sub-title>{{ formatTime(err.Time) }}</v-list-tile-sub-title>
         </v-list-tile-content>

frontend/src/pages/library/logs.vue

@@ -5,7 +5,7 @@
         <p v-if="logs.length === 0" class="p-log-empty">
           <translate>Nothing to see here yet. Be patient.</translate>
         </p>
-        <p v-for="(log, index) in logs" :key="index.id" class="p-log-message" :class="'p-log-' + log.level">
+        <p v-for="(log, index) in logs" :key="index.id" class="p-log-message text-selectable" :class="'p-log-' + log.level">
           {{ formatTime(log.time) }} {{ level(log) }} <span>{{ log.message }}</span>
         </p>
       </v-flex>