Updating files

Seenginx/Components/FilesWithEditor.razor

@@ -7,7 +7,7 @@
 			<div class="control has-icons-left is-expanded">
 				<input formnovalidate @oninput="e => SearchInputChanged(e.Value.ToString())" @bind-value="SearchInput" class="input is-rounded is-small neoInput" type="text" placeholder="Search...">
 				<span class="icon is-small is-left has-text-dark">
-					<i class="mdi mdi-search-web"></i>
+					<i class="mdi mdi-file-search-outline"></i>
 				</span>
 			</div>
 		</div>
@@ -44,9 +44,8 @@
 		<div class="filesList">
 			@foreach (var file in Files)
 			{
-				<div @onclick="async e => await OnFileClick(e,file)" @key="file" class="confFile borderRSmall isFinger neoFile @file.IsVisible @file.IsSelected">
-					<p class="is-size-7">@file.Folder</p>
-					<p class="has-text-weight-bold ellipsis @(file.CanBeDeleted ? null : "has-text-danger")">@file.Name</p>
+				<div @onclick="async e => await OnFileClick(e,file)" title="@(file.Folder=="/" ? $"{file.Folder}{file.Name}" : $"{file.Folder}/{file.Name}")" @key="file" class="confFile borderRSmall isFinger neoFile @file.IsVisible @file.IsSelected">
+					<p class="has-text-weight-bold ellipsis"><span class="icon @(file.CanBeDeleted ? null : "has-text-danger")"><i class="mdi mdi-file-cog-outline"></i></span> @file.Name</p>
 				</div>
 			}
 		</div>

Seenginx/SCSS/template.scss

@@ -29,7 +29,7 @@
 	max-height: 100%;
 	min-height: 10%;
 	grid-template-rows: 30px auto 30px;
-	grid-template-columns: 30% auto;
+	grid-template-columns: 28% auto;
 	width: 100%;
 
 	& .filterFiles {
@@ -56,9 +56,10 @@
 			align-items: stretch;
 			height: 100%;
 			min-height: 10%;
-			width: 100%;
-			padding: 4% 8%;
+			width: auto;
+			padding: 4% 7% 4% 8%;
 			overflow-y: auto;
+			margin-right: 4%
 		}
 	}
 
@@ -96,6 +97,10 @@
 .confFile {
 	padding: 4% 6%;
 	margin-bottom: 3%;
+
+	&:last-child {
+		margin-bottom: 0;
+	}
 }
 
 .stripe {

Seenginx/wwwroot/css/main.css

@@ -254,7 +254,7 @@ html {
   max-height: 100%;
   min-height: 10%;
   grid-template-rows: 30px auto 30px;
-  grid-template-columns: 30% auto;
+  grid-template-columns: 28% auto;
   width: 100%; }
   .filesWithEditor .filterFiles {
     grid-area: filterFiles; }
@@ -273,9 +273,10 @@ html {
       align-items: stretch;
       height: 100%;
       min-height: 10%;
-      width: 100%;
-      padding: 4% 8%;
-      overflow-y: auto; }
+      width: auto;
+      padding: 4% 7% 4% 8%;
+      overflow-y: auto;
+      margin-right: 4%; }
   .filesWithEditor .codeEditor {
     grid-area: codeEditor;
     min-height: 0;
@@ -300,6 +301,8 @@ html {
 .confFile {
   padding: 4% 6%;
   margin-bottom: 3%; }
+  .confFile:last-child {
+    margin-bottom: 0; }
 
 .stripe {
   display: flex;