Fixes for apps

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;

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; */

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 }}
 

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>