rework and simplify view-raw styles

Author: silverwind

templates/repo/settings/lfs_file.tmpl

@@ -19,7 +19,7 @@
 					{{else if .IsPlainText}}
 						<pre>{{if .FileContent}}{{.FileContent | Safe}}{{end}}</pre>
 					{{else if not .IsTextFile}}
-						<div class="view-raw ui center{{if .IsPDFFile}} gt-p-0{{end}}">
+						<div class="view-raw">
 							{{if .IsImageFile}}
 								<img src="{{$.RawFileLink}}">
 							{{else if .IsVideoFile}}

templates/repo/view_file.tmpl

@@ -73,7 +73,7 @@
 			{{else if .IsPlainText}}
 				<pre>{{if .FileContent}}{{.FileContent | Safe}}{{end}}</pre>
 			{{else if not .IsTextSource}}
-				<div class="view-raw ui center{{if .IsPDFFile}} gt-p-0{{end}}">
+				<div class="view-raw">
 					{{if .IsImageFile}}
 						<img src="{{$.RawFileLink}}">
 					{{else if .IsVideoFile}}

web_src/css/repo.css

@@ -393,22 +393,25 @@
   cursor: default;
 }
 
-.repository.file.list .non-diff-file-content .view-raw {
-  padding: 5px;
+.view-raw {
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
-.repository.file.list .non-diff-file-content .view-raw > * {
+.view-raw > * {
   max-width: 100%;
-  border: 1px solid var(--color-secondary);
 }
 
-.repository.file.list .non-diff-file-content .view-raw img {
+.view-raw audio,
+.view-raw video,
+.view-raw img {
   margin: 1rem 0;
   border-radius: 0;
   object-fit: contain;
 }
 
-.repository.file.list .non-diff-file-content .view-raw img[src$=".svg" i] {
+.view-raw img[src$=".svg" i] {
   max-height: 600px !important;
   max-width: 600px !important;
 }
@@ -448,6 +451,11 @@
   padding: 5px !important;
 }
 
+.non-diff-file-content .attached.segment,
+.non-diff-file-content .pdfobject {
+  border-radius: 0 0 var(--border-radius) var(--border-radius);
+}
+
 .repository.file.list .sidebar {
   padding-left: 0;
 }