From fa5032847454439e6b0fa70667d249baa72340f6 Mon Sep 17 00:00:00 2001
From: cyber-dream <gregory_brzezinski@protonmail.com>
Date: Sun, 7 May 2023 15:14:42 +0300
Subject: [PATCH] Fixes for apps

---
 resources/sys/blog-viewer/blog-viewer.css     | 28 ++++++++++++++-----
 .../personal-properies.css                    |  6 ++++
 templates/blog-viewer/app.tmpl                | 26 +++++++++--------
 templates/personal-properties/app.tmpl        |  2 +-
 4 files changed, 42 insertions(+), 20 deletions(-)

diff --git a/resources/sys/blog-viewer/blog-viewer.css b/resources/sys/blog-viewer/blog-viewer.css
index 1063197..ef9b1ee 100644
--- a/resources/sys/blog-viewer/blog-viewer.css
+++ b/resources/sys/blog-viewer/blog-viewer.css
@@ -1,8 +1,21 @@
-.blog-viewer{
-    background-color: #DDDDDD;
+.BlogView{
     width: 100%;
     height: 100%;
 
+    /* Auto layout */
+    display: flex;
+    flex-direction: row;
+    align-items: flex-start;
+    justify-content: flex-start;
+    /* gap: 50px; */
+    /* row-gap: 20px; */
+    /* padding: 0px 20px 0px 20px;    */
+    background-color: #FFFFFF;
+}
+
+.BlogView .Content {
+    width: 100%;
+    height: auto;
     /* Auto layout */
     display: flex;
     flex-direction: column;
@@ -10,25 +23,26 @@
     justify-content: flex-start;
     /* gap: 50px; */
     /* row-gap: 20px; */
-    padding: 0px 20px 0px 20px;
+    /* padding: 0px 20px 0px 20px; */
+    margin: 0px 20px 0px 20px;
 }
 
-.blog-viewer .header-h1{
+.BlogView .header-h1{
     font-size:x-large;
     padding-bottom: 10px;
 }
 
-.blog-viewer .header-h2{
+.BlogView .header-h2{
     font-size:large;
     padding-bottom: 6px;
 }
 
-.blog-viewer .header-h3{
+.BlogView .header-h3{
     font-size:larger;
     padding-bottom: 2px;
 }
 
-.blog-viewer .plain-text{
+.BlogView .plain-text{
     /* Auto layout */
     display: flex;
     flex-direction: column;
diff --git a/resources/sys/personal-properties/personal-properies.css b/resources/sys/personal-properties/personal-properies.css
index cf59790..1ede4f1 100644
--- a/resources/sys/personal-properties/personal-properies.css
+++ b/resources/sys/personal-properties/personal-properies.css
@@ -77,6 +77,12 @@
     gap:15px;
 }
 
+.ShortBio .Image{
+    width: 32px;
+    height: 32px;
+    padding-left: 10px;
+}
+
 .ShortBio .Text{
     /* width: 100%;
     height: auto; */
diff --git a/templates/blog-viewer/app.tmpl b/templates/blog-viewer/app.tmpl
index 395dd16..cee653c 100644
--- a/templates/blog-viewer/app.tmpl
+++ b/templates/blog-viewer/app.tmpl
@@ -3,23 +3,25 @@
         <button id="closeWindowButton" class="Button" title="Close Window"></button>
         <div id="Drag" class="VisualDragArea"></div>
         <div class="Lable">
-            {{.header}}
+            Blog Viewer
         </div>
         <div id="Drag" class="VisualDragArea"></div>
     </div>
     <div class="ContentBorder AdjectiveElement">
-        <div class="blog-viewer ScrollContent">
-            {{ range $block := .blocks }}
-                <div class="{{$block.Type}}" >
-                    {{ range $data := $block.Data }}
-                        <div style="font-size: inherit;">
-                            {{$data}}
-                        </div>
-                    {{ end }}            
-                </div>
-            {{ end }}
+        <div class="BlogView">
+            <div class="Content">
+                {{ range $block := .blocks }}
+                    <div class="{{$block.Type}}" >
+                        {{ range $data := $block.Data }}
+                            <div style="font-size: inherit;">
+                                {{$data}}
+                            </div>
+                        {{ end }}            
+                    </div>
+                {{ end }}
+            </div>
+            {{template "wde-widgets/scrollbar.tmpl" .}}
         </div>
-        {{template "wde-widgets/scrollbar.tmpl" .}}
     </div>
 {{ end }}
 
diff --git a/templates/personal-properties/app.tmpl b/templates/personal-properties/app.tmpl
index c0c567f..e1fe786 100644
--- a/templates/personal-properties/app.tmpl
+++ b/templates/personal-properties/app.tmpl
@@ -12,7 +12,7 @@
 			<div class="PropsView">
 				<div class="PropertiesList">
 					<div class="ShortBio">
-						<img src="/system/libs/img/get?path={{ .headerProps.IconPath }}" alt="My Photo" style="width: 48px;height: 48px;">
+						<img class="Image" src="/system/libs/img/get?path={{ .headerProps.IconPath }}" alt="My Photo" >
 						<div class="Text">
 							<div class="Name">{{ .headerProps.Name }}</div>
 							<div>{{ .headerProps.Info1 }}</div>