dont thumbnail images that are already small dimensions, and fix css for mismatched width/height thumbs

gulp/res/css/style.css

@@ -312,12 +312,18 @@ summary {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	word-break: keep-all;
+	font-size: x-small;
 }
 
 .post-file-src {
 	margin: 0 auto;
 }
 
+.file-thumb {
+	max-width: 128px;
+	max-height: 128px;
+}
+
 figure {
 }
 

models/forms/make-post.js

@@ -109,7 +109,12 @@ module.exports = async (req, res, next, numFiles) => {
 					processedFile.geometry = imageData.size // object with width and height pixels
 					processedFile.sizeString = formatSize(processedFile.size) // 123 Ki string
 					processedFile.geometryString = imageData.Geometry // 123 x 123 string
-					await imageThumbnail(filename);
+					if (processedFile.geometry.height <= 128 && processedFile.geometry.width <= 128) {
+						processedFile.hasThumb = false;
+					} else {
+						processedFile.hasThumb = true;
+						await imageThumbnail(filename);
+					}
 					break;
 				case 'video':
 					//video metadata
@@ -120,6 +125,7 @@ module.exports = async (req, res, next, numFiles) => {
 					processedFile.geometry = {width: videoData.streams[0].coded_width, height: videoData.streams[0].coded_height} // object with width and height pixels
 					processedFile.sizeString = formatSize(processedFile.size) // 123 Ki string
 					processedFile.geometryString = `${processedFile.geometry.width}x${processedFile.geometry.height}` // 123 x 123 string
+					processedFile.hasThumb = true;
 					await videoThumbnail(filename);
 					break;
 				default:

views/mixins/post.pug

@@ -41,7 +41,7 @@ mixin post(post, truncate, manage=false, globalmanage=false)
 				.post-files
 					each file in post.files
 						.post-file
-							small.post-file-info
+							span.post-file-info
 								span: a(href='/img/'+file.filename title=file.originalFilename download=file.originalFilename) #{file.originalFilename}
 								br
 								span 
@@ -50,11 +50,13 @@ mixin post(post, truncate, manage=false, globalmanage=false)
 										| , #{file.durationString}
 									| )
 							.post-file-src
-								a(target='_blank' href='/img/'+file.filename)
+								a(target='_blank' href=`/img/${file.filename}`)
 									if post.spoiler
-										object(data='/img/spoiler.png' width='128' height='128')
+										object.file-thumb(data='/img/spoiler.png' width='128' height='128')
+									else if file.hasThumb
+										object.file-thumb(data=`/img/thumb-${file.filename.split('.')[0]}.jpg`)
 									else
-										object(data=`/img/thumb-${file.filename.split('.')[0]}.jpg`)
+										object.file-thumb(data=`/img/${file.filename}`)
 			if post.message
 				if truncate
 					-