diff --git a/app/js/common/version.js b/app/js/common/version.js
index 409a4411..317b89f1 100644
--- a/app/js/common/version.js
+++ b/app/js/common/version.js
@@ -14,7 +14,12 @@ function verck(ver) {
 			verp=verp.replace( ')', '');
 			verp=verp.replace( ' ', '_');
 			console.log(verp);
-			$("#release-"+verp).show();
+			if(lang.language=="ja"){
+				$("#release-"+verp).show();
+			}else{
+				$("#release-en").show();
+			}
+			
 		  });
 	}
 	var electron = require("electron");
diff --git a/app/js/ui/img.js b/app/js/ui/img.js
index 88d0e8f2..0145e5f4 100644
--- a/app/js/ui/img.js
+++ b/app/js/ui/img.js
@@ -135,61 +135,31 @@ function imgCont(type) {
 			var height = element.naturalHeight;
 			var windowH = $(window).height();
 			var windowW = $(window).width();
-			//小さい画像
-			if(width<(windowW - 50) && height<(windowH-1000)){
-				$("#imgmodal").css('height',height+"px");
-				$("#imgmodal").css('width',width+"px");
-				$("#imagewrap").css('height',height+"px");
-				$("#imagemodal").css('height',height+100+"px");
-				$("#imagewrap").css('width',width+"px");
-				$("#imagemodal").css('width',width+"px");
-				$("#imagemodal").css('margin-top',(windowH /2) - (height / 2) +"px");
-			}else{
-				$("#imagemodal").css('margin-top',0);
-				var aspect = width/height;
-				if (aspect < 2.8 && aspect > 0.3){
-					//moderate
-					if(windowW > windowH){
-						//画面が横長(縦幅基準)
-						$("#imgmodal").css('height',windowH/1.2-70+"px");
-						var imgW = (windowH/1.2-70)/height*width;
-						$("#imgmodal").css('width',imgW+"px");
-						$("#imagewrap").css('height',windowH/1.2-60+"px");
-						$("#imagemodal").css('height',windowH/1.2+"px");
-						$("#imagewrap").css('width',imgW+50+"px");
-						$("#imagemodal").css('width',imgW+50+"px");
-					}else{
-						//画面が縦長・正方形(横幅基準)
-						$("#imgmodal").css('width',windowW/1.2-30+"px");
-						var imgH = (windowW/1.2-30)/width*height;
-						$("#imgmodal").css('height',imgH+"px");
-						$("#imagewrap").css('width',windowW/1.2+"px");
-						$("#imagemodal").css('width',windowW/1.2+"px");
-						$("#imagewrap").css('height',imgH+60+"px");
-						$("#imagemodal").css('height',imgH+120+"px");
-					}
+			$("#imagemodal").css("bottom","0")
+			$("#imagemodal img").css("width","auto")
+			if(height<windowH){
+				$("#imagemodal").css("height",height+60+"px")
+				$("#imagemodal img").css("height","100%")
+				if(width>windowW*0.8){
+					$("#imagemodal").css("width","80vw")
+					$("#imagemodal img").css("width","100%")
+					var heightS=windowW*0.8/width*height;
+					$("#imagemodal").css("height",heightS+60+"px")
 				}else{
-					//極端な画像
-					if(height > width){
-						//縦長
-						$("#imgmodal").css('height',windowH-60+"px");
-						var imgW = (windowH-50)/height*width;
-						$("#imgmodal").css('width',imgW+"px");
-						$("#imagewrap").css('height',windowH-50+"px");
-						$("#imagemodal").css('height',windowH+"px");
-						$("#imagewrap").css('width',imgW+50+"px");
-						$("#imagemodal").css('width',imgW+50+"px");
-					}else{
-						//横長・正方形
-						$("#imgmodal").css('width',windowW-30+"px");
-						var imgH = (windowW-50)/width*height;
-						$("#imgmodal").css('height',imgH+"px");
-						$("#imagewrap").css('width',windowW+"px");
-						$("#imagemodal").css('width',windowW+"px");
-						$("#imagewrap").css('height',imgH+60+"px");
-						$("#imagemodal").css('height',imgH+120+"px");
-					}
+					$("#imagemodal").css("width",width+"px")
 				}
+			}else{
+				console.log("long")
+				$("#imagemodal img").css("width","auto")
+				var widthS=windowH/height*width;
+				if(widthS<windowW){
+					$("#imagemodal").css("width",widthS+"px")
+				}else{
+					$("#imagemodal").css("width","100vw")
+				}
+				
+				$("#imagemodal").css("height","100vh")
+				$("#imagemodal img").css("height","calc(100vh - 60px)")
 			}
 		}
 		if ($("#" + id + "-image-" + (key * 1 + 1)).length === 0) {
diff --git a/app/js/ui/settings.js b/app/js/ui/settings.js
index 4deb68c7..d55c5d7a 100644
--- a/app/js/ui/settings.js
+++ b/app/js/ui/settings.js
@@ -6,6 +6,10 @@ var envView = new Vue({
 		complete: function (i,val) {
 			var ls=envView.config[i].storage;
 			Materialize.toast("Complete", 3000);
+			if(!val){
+				var id=envView.config[i].id;
+				var val=$("#"+id).val()
+			}
 			localStorage.setItem(ls,val)
 			if(ls=="ha"){
 				hardwareAcceleration(val)
@@ -20,6 +24,10 @@ var tlView = new Vue({
 	methods: {
 		complete: function (i,val) {
 			var ls=tlView.config[i].storage;
+			if(!val){
+				var id=tlView.config[i].id;
+				var val=$("#"+id).val()
+			}
 			Materialize.toast("Complete", 3000);
 			localStorage.setItem(ls,val)
 			return true
@@ -33,6 +41,10 @@ var postView = new Vue({
 		complete: function (i,val) {
 			var ls=postView.config[i].storage;
 			Materialize.toast("Complete", 3000);
+			if(!val){
+				var id=postView.config[i].id;
+				var val=$("#"+id).val()
+			}
 			localStorage.setItem(ls,val)
 			return true
 		}
diff --git a/app/package.json b/app/package.json
index 6ec19977..7dc28694 100644
--- a/app/package.json
+++ b/app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "thedesk",
-  "version": "18.0.1",
+  "version": "18.0.2",
   "description": "TheDesk is a Mastodon client for PC.",
   "main": "main.js",
   "scripts": {
diff --git a/app/view/en/index.html b/app/view/en/index.html
index a359bb38..bf30c904 100644
--- a/app/view/en/index.html
+++ b/app/view/en/index.html
@@ -32,7 +32,7 @@
 <script type="text/javascript" src="../../js/common/modal.js"></script>
 <script type="text/javascript" src="../../js/ui/jquery-ui.min.js"></script>
 <script>
-var ver="Usamin (18.0.1)";
+var ver="Usamin (18.0.2)";
 //betaを入れるとバージョンチェックしない
 //GitHubに上げるときはindex.htmlをちゃんとする。(index.start.html)
 //var ver="beta";
@@ -581,13 +581,15 @@ var tlid=0;
 		<a href="https://thedesk.top" target="_blank">HP</a><br>
 		<a href="https://github.com/cutls/TheDesk" target="_blank">GitHub</a><br>
 		<br>
-			<div id="release-Usamin_18-0-1" class="release-do" style="display:none; ">
+			<div id="release-Usamin_18-0-2" class="release-do" style="display:none; ">
 					<a href="https://code.cutls.com/thedesk-log/" target="_blank">開発の経緯</a><br>
 					<a href="https://ja.mstdn.wiki/TheDesk" target="_blank">機能一覧</a><br>
 					Entyでは支援者様限定で様々なTheDeskに関する記事をご覧いただけます。<br>
 					困ったときは、<a href="https://docs.thedesk.top">TheDesk Docs</a>をご覧ください。
-					<h5>Release Note Usamin (18.0.1)</h5>
-・カラム追加時の不具合についてのバグ<br>
+					<h5>Release Note Usamin (18.0.2)</h5>
+・設定の値が保存できなくなるバグ<br>
+・画像送りしたときに進化したメディアビューが適用されない問題<br>
+・設定の表記がおかしい問題<br>
 --以下18.0.0--<br>
 ・多くの機能を「メニュー」に集約。結局何のボタンかわからないアイコンの羅列から解放。<br>
 ・Alt+Enterでセカンダリートゥートボタン<br>
@@ -599,7 +601,10 @@ var tlid=0;
 ・一部のデフォルト値を修正。<br>
 ・設定のエクスポート(バックアップ)がバージョン2に。ほとんどの設定をエクスポートします。<br>
 ・イメージビューワーの修正<br>
-					<img class="emoji" draggable="false" alt="⚠" src="https://twemoji.maxcdn.com/2/72x72/26a0.png">TheDeskのMisskeyについての機能追加は終了しています。<br>
+			</div>
+			<div id="release-en">
+				<h5>Let's make it native!</h5>
+				<a href="https://translate.thedesk.top">Crowdin translation project</a>
 			</div>
 			<br><br>
 			<h3>Support TheDesk!</h3>
diff --git a/app/view/en/setting.html b/app/view/en/setting.html
index 8bdca94d..5e6b00f2 100644
--- a/app/view/en/setting.html
+++ b/app/view/en/setting.html
@@ -44,7 +44,7 @@
 		<div id="envView">
             <template v-for="(item, i) in config">
 				<h5>{{item.text.head}}</h5>
-				{{item.text.desc}}<br>
+				<templete v-html=item.text.desc></templete><br>
 				<template v-if="item.id=='notf'"><a onclick="notftest()" class="pointer">Notification test</a><br></template>
                 <template v-if="item.checkbox">
                         <template v-for="(check, j) in item.text.checkbox">
diff --git a/app/view/en/setting.vue.js b/app/view/en/setting.vue.js
index a17e27d1..184b10fd 100644
--- a/app/view/en/setting.vue.js
+++ b/app/view/en/setting.vue.js
@@ -63,7 +63,7 @@ var envConstruction=[
         setValue:13,
         text:{
             head:"Font size",
-            desc:'<span style="font-size:15px">15px(absolute value)</span>',
+            desc:'<span style="font-size:13px">13px(absolute value)</span>',
             after:"px"
         }
     },{
diff --git a/app/view/ja/index.html b/app/view/ja/index.html
index d2cde038..561fb53a 100644
--- a/app/view/ja/index.html
+++ b/app/view/ja/index.html
@@ -32,7 +32,7 @@
 <script type="text/javascript" src="../../js/common/modal.js"></script>
 <script type="text/javascript" src="../../js/ui/jquery-ui.min.js"></script>
 <script>
-var ver="Usamin (18.0.1)";
+var ver="Usamin (18.0.2)";
 //betaを入れるとバージョンチェックしない
 //GitHubに上げるときはindex.htmlをちゃんとする。(index.start.html)
 //var ver="beta";
@@ -581,13 +581,15 @@ var tlid=0;
 		<a href="https://thedesk.top" target="_blank">HP</a><br>
 		<a href="https://github.com/cutls/TheDesk" target="_blank">GitHub</a><br>
 		<br>
-			<div id="release-Usamin_18-0-1" class="release-do" style="display:none; ">
+			<div id="release-Usamin_18-0-2" class="release-do" style="display:none; ">
 					<a href="https://code.cutls.com/thedesk-log/" target="_blank">開発の経緯</a><br>
 					<a href="https://ja.mstdn.wiki/TheDesk" target="_blank">機能一覧</a><br>
 					Entyでは支援者様限定で様々なTheDeskに関する記事をご覧いただけます。<br>
 					困ったときは、<a href="https://docs.thedesk.top">TheDesk Docs</a>をご覧ください。
-					<h5>Release Note Usamin (18.0.1)</h5>
-・カラム追加時の不具合についてのバグ<br>
+					<h5>Release Note Usamin (18.0.2)</h5>
+・設定の値が保存できなくなるバグ<br>
+・画像送りしたときに進化したメディアビューが適用されない問題<br>
+・設定の表記がおかしい問題<br>
 --以下18.0.0--<br>
 ・多くの機能を「メニュー」に集約。結局何のボタンかわからないアイコンの羅列から解放。<br>
 ・Alt+Enterでセカンダリートゥートボタン<br>
@@ -599,7 +601,10 @@ var tlid=0;
 ・一部のデフォルト値を修正。<br>
 ・設定のエクスポート(バックアップ)がバージョン2に。ほとんどの設定をエクスポートします。<br>
 ・イメージビューワーの修正<br>
-					<img class="emoji" draggable="false" alt="⚠" src="https://twemoji.maxcdn.com/2/72x72/26a0.png">TheDeskのMisskeyについての機能追加は終了しています。<br>
+			</div>
+			<div id="release-en">
+				<h5>Let's make it native!</h5>
+				<a href="https://translate.thedesk.top">Crowdin translation project</a>
 			</div>
 			<br><br>
 			<h3>ご支援ください。</h3>
diff --git a/app/view/ja/setting.html b/app/view/ja/setting.html
index c73a4d38..7a41a942 100644
--- a/app/view/ja/setting.html
+++ b/app/view/ja/setting.html
@@ -44,7 +44,7 @@
 		<div id="envView">
             <template v-for="(item, i) in config">
 				<h5>{{item.text.head}}</h5>
-				{{item.text.desc}}<br>
+				<templete v-html=item.text.desc></templete><br>
 				<template v-if="item.id=='notf'"><a onclick="notftest()" class="pointer">通知テスト</a><br></template>
                 <template v-if="item.checkbox">
                         <template v-for="(check, j) in item.text.checkbox">
diff --git a/app/view/ja/setting.vue.js b/app/view/ja/setting.vue.js
index 54ba98d5..855ee8c8 100644
--- a/app/view/ja/setting.vue.js
+++ b/app/view/ja/setting.vue.js
@@ -63,7 +63,7 @@ var envConstruction=[
         setValue:13,
         text:{
             head:"フォントサイズ",
-            desc:'<span style="font-size:15px">15px(絶対指定)</span>',
+            desc:'<span style="font-size:13px">13px(絶対指定)</span>',
             after:"px"
         }
     },{
diff --git a/app/view/make/index.sample.html b/app/view/make/index.sample.html
index 385c1955..134b6f6f 100644
--- a/app/view/make/index.sample.html
+++ b/app/view/make/index.sample.html
@@ -581,13 +581,15 @@ var tlid=0;
 		<a href="https://thedesk.top" target="_blank">HP</a><br>
 		<a href="https://github.com/cutls/TheDesk" target="_blank">GitHub</a><br>
 		<br>
-			<div id="release-Usamin_18-0-1" class="release-do" style="display:none; ">
+			<div id="release-Usamin_18-0-2" class="release-do" style="display:none; ">
 					<a href="https://code.cutls.com/thedesk-log/" target="_blank">開発の経緯</a><br>
 					<a href="https://ja.mstdn.wiki/TheDesk" target="_blank">機能一覧</a><br>
 					Entyでは支援者様限定で様々なTheDeskに関する記事をご覧いただけます。<br>
 					困ったときは、<a href="https://docs.thedesk.top">TheDesk Docs</a>をご覧ください。
-					<h5>Release Note Usamin (18.0.1)</h5>
-・カラム追加時の不具合についてのバグ<br>
+					<h5>Release Note Usamin (18.0.2)</h5>
+・設定の値が保存できなくなるバグ<br>
+・画像送りしたときに進化したメディアビューが適用されない問題<br>
+・設定の表記がおかしい問題<br>
 --以下18.0.0--<br>
 ・多くの機能を「メニュー」に集約。結局何のボタンかわからないアイコンの羅列から解放。<br>
 ・Alt+Enterでセカンダリートゥートボタン<br>
@@ -599,7 +601,10 @@ var tlid=0;
 ・一部のデフォルト値を修正。<br>
 ・設定のエクスポート(バックアップ)がバージョン2に。ほとんどの設定をエクスポートします。<br>
 ・イメージビューワーの修正<br>
-					<img class="emoji" draggable="false" alt="⚠" src="https://twemoji.maxcdn.com/2/72x72/26a0.png">TheDeskのMisskeyについての機能追加は終了しています。<br>
+			</div>
+			<div id="release-en">
+				<h5>Let's make it native!</h5>
+				<a href="https://translate.thedesk.top">Crowdin translation project</a>
 			</div>
 			<br><br>
 			<h3>{{supportme}}</h3>
diff --git a/app/view/make/setting.sample.html b/app/view/make/setting.sample.html
index 4d531824..90144751 100644
--- a/app/view/make/setting.sample.html
+++ b/app/view/make/setting.sample.html
@@ -44,7 +44,7 @@
 		<div id="envView">
             <template v-for="(item, i) in config">
 				<h5>{{item.text.head}}</h5>
-				{{item.text.desc}}<br>
+				<templete v-html=item.text.desc></templete><br>
 				<template v-if="item.id=='notf'"><a onclick="notftest()" class="pointer">@@nntest@@</a><br></template>
                 <template v-if="item.checkbox">
                         <template v-for="(check, j) in item.text.checkbox">
diff --git a/app/view/make/setting.sample.js b/app/view/make/setting.sample.js
index a6e13850..74780c31 100644
--- a/app/view/make/setting.sample.js
+++ b/app/view/make/setting.sample.js
@@ -63,7 +63,7 @@ var envConstruction=[
         setValue:13,
         text:{
             head:"@@fontsize@@",
-            desc:'<span style="font-size:15px">15px(@@absolute@@)</span>',
+            desc:'<span style="font-size:13px">13px(@@absolute@@)</span>',
             after:"px"
         }
     },{
diff --git a/app/view/ps/index.html b/app/view/ps/index.html
index 06577b39..e3414f62 100644
--- a/app/view/ps/index.html
+++ b/app/view/ps/index.html
@@ -32,7 +32,7 @@
 <script type="text/javascript" src="../../js/common/modal.js"></script>
 <script type="text/javascript" src="../../js/ui/jquery-ui.min.js"></script>
 <script>
-var ver="Usamin (18.0.1)";
+var ver="Usamin (18.0.2)";
 //betaを入れるとバージョンチェックしない
 //GitHubに上げるときはindex.htmlをちゃんとする。(index.start.html)
 //var ver="beta";
@@ -581,13 +581,15 @@ var tlid=0;
 		<a href="https://thedesk.top" target="_blank">HP</a><br>
 		<a href="https://github.com/cutls/TheDesk" target="_blank">GitHub</a><br>
 		<br>
-			<div id="release-Usamin_18-0-1" class="release-do" style="display:none; ">
+			<div id="release-Usamin_18-0-2" class="release-do" style="display:none; ">
 					<a href="https://code.cutls.com/thedesk-log/" target="_blank">開発の経緯</a><br>
 					<a href="https://ja.mstdn.wiki/TheDesk" target="_blank">機能一覧</a><br>
 					Entyでは支援者様限定で様々なTheDeskに関する記事をご覧いただけます。<br>
 					困ったときは、<a href="https://docs.thedesk.top">TheDesk Docs</a>をご覧ください。
-					<h5>Release Note Usamin (18.0.1)</h5>
-・カラム追加時の不具合についてのバグ<br>
+					<h5>Release Note Usamin (18.0.2)</h5>
+・設定の値が保存できなくなるバグ<br>
+・画像送りしたときに進化したメディアビューが適用されない問題<br>
+・設定の表記がおかしい問題<br>
 --以下18.0.0--<br>
 ・多くの機能を「メニュー」に集約。結局何のボタンかわからないアイコンの羅列から解放。<br>
 ・Alt+Enterでセカンダリートゥートボタン<br>
@@ -599,7 +601,10 @@ var tlid=0;
 ・一部のデフォルト値を修正。<br>
 ・設定のエクスポート(バックアップ)がバージョン2に。ほとんどの設定をエクスポートします。<br>
 ・イメージビューワーの修正<br>
-					<img class="emoji" draggable="false" alt="⚠" src="https://twemoji.maxcdn.com/2/72x72/26a0.png">TheDeskのMisskeyについての機能追加は終了しています。<br>
+			</div>
+			<div id="release-en">
+				<h5>Let's make it native!</h5>
+				<a href="https://translate.thedesk.top">Crowdin translation project</a>
 			</div>
 			<br><br>
 			<h3>crwdns473:0crwdne473:0</h3>
diff --git a/app/view/ps/setting.html b/app/view/ps/setting.html
index ff6a0d7c..f3dc8de6 100644
--- a/app/view/ps/setting.html
+++ b/app/view/ps/setting.html
@@ -44,7 +44,7 @@
 		<div id="envView">
             <template v-for="(item, i) in config">
 				<h5>{{item.text.head}}</h5>
-				{{item.text.desc}}<br>
+				<templete v-html=item.text.desc></templete><br>
 				<template v-if="item.id=='notf'"><a onclick="notftest()" class="pointer">crwdns540:0crwdne540:0</a><br></template>
                 <template v-if="item.checkbox">
                         <template v-for="(check, j) in item.text.checkbox">
diff --git a/app/view/ps/setting.vue.js b/app/view/ps/setting.vue.js
index 613484cc..1748d724 100644
--- a/app/view/ps/setting.vue.js
+++ b/app/view/ps/setting.vue.js
@@ -63,7 +63,7 @@ var envConstruction=[
         setValue:13,
         text:{
             head:"crwdns546:0crwdne546:0",
-            desc:'<span style="font-size:15px">15px(crwdns549:0crwdne549:0)</span>',
+            desc:'<span style="font-size:13px">13px(crwdns549:0crwdne549:0)</span>',
             after:"px"
         }
     },{